body
{
  -webkit-font-smoothing: antialiased;
}

html, body
{
   min-height:100%;
}

.tabs .tab
{
   background:rgba(0,0,0,0.1);
   /*border-radius:5px 5px 0px 0px;*/
   font-size:12px;
}

.tabs .tab .active
{
  background:rgba(255,255,255,0.5);
}

.company_logo
{
   height:40px;
}

.company_logo img
{
   height:100%;
   padding:6px;
}

input[type=text]:focus:not([readonly]),
input[type=text]:focus,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password]:focus,
input[type=password].valid,
input[type=password]:focus.valid,
textarea:focus,
textarea:valid,
textarea:focus.valid
{
   box-shadow:none !important;
   border-color:#666 !important;
}

.tabs .tab a
{
  color:black;
}

.tabs .tab a:hover
{
  color:black;
}

.tabs .indicator {
  
  background-color:transparent;

}

.collection a.collection-item
{
   color:#0277bd;

}

.x:hover
{
  background:red;
}

.col_settings a.collection-item.active
{
   background:#0277bd;
}

.div_setting_list
{
   padding:10px;
   padding-left:0px;
}

.div_setting_list
{
   display:none;
}

.div_setting_list table, .tbl_company, .tbl_franchise
{
   font-size:14px;
}

.btn_add
{
  font-size:30px;
  line-height:0px;
  vertical-align:inherit;
  cursor:pointer;
}

input[type="text"]:focus {

  border-bottom: 1px solid transparent !important;
  -webkit-box-shadow: 0 0px 0 0 #03a9f4;
  -moz-box-shadow: 0 0px 0 0 #03a9f4;
  box-shadow: 0 0px 0 0 #03a9f4;
}

th, td
{
   padding:5px;
}

tr td:first-child
{
   padding:10px;
}

.disabled
{
   color:#bbb;
}

.disabled img
{
   opacity:0.3;
   cursor:none;
}

.disabled .btn_active
{
   color:#bbb!important;
}

.btn_action
{
  background:transparent;
  border:0px solid transparent;
  font-size:16px;
  vertical-align:top;
}

#modal_profile
{
   background:#fff;
   right:100px;
   top:30px;
   opacity:1;
   left:auto;
   z-index:10;
   min-height:300px;
   width:500px;
}

#modal_profile .row .col
{
  padding-top:5px;
  padding-bottom:5px;
}

#modal_price_file
{
   top:100px;
   background:#fff;
} 

.version
{
   position:fixed;
   bottom:4px;
   right:4px;
   font-size:0.8em;
   cursor:pointer;
   border-bottom:1px solid #333;
   opacity:0.4;
}

.select-wrapper span.caret { }

.select-wrapper input.select-dropdown, 
input[type="text"] {
    /*height: 2rem;*/
}

.tab_col .mdi-plus-box,
.mdi-magnify, .mdi-folder-plus,
th .mdi,
.td_action .mdi { xfont-size:22px !important; }

h5 .mdi { vertical-align:middle; }

.td_action .mdi { font-size:20px; !important;cursor:pointer; }
.td_action { white-space:nowrap;text-align:center; }

.tbl_order_summary 
{
   font-size:14px !important;
}

.col_settings
{
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.order_summary_collection
{
    font-size: 14px;
    margin-right: 30px;
	margin-left:20px;
}

.div_editor
{
   position:fixed;
   width:75%;
   height:auto;/*70%;*/
   max-height:80%;
   left:210px;
   top:80px;
   overflow:auto;
   background:#fff;
   display:block;
   z-index:300;
   padding:20px;
   box-shadow:2px 2px 10px 1px rgba(0,0,0,0.1);
   display:none;
   cursor:pointer;
}

@media (max-width:1024px)
{
  .div_editor
  {
     left:0px;
	 width:100%;
	 min-width:800px;
	 margin-right:0px;
     box-sizing:border-box;
  }

  .div_editor .ul_profile_picture
  {
     
  }
}

.div_editor  .li_password
{
  background:#fafafa;
  padding:5px;
}

.div_editor  .li_password b
{
  font-family:FontBold;
  padding-bottom:5px;
  display:inline-block;
}

.div_editor  .ul_profile_picture
{
   list-style:none;
   margin:0px;
   padding:0px;
   position:absolute;
   top:80px;
   right:80px;
   width:220px;
   background:#fff;
   text-align:center;
   border:1px solid #eee;
   border-color:#eee #eee #ccc #eee;
}

.div_editor  .ul_profile_picture div,
.div_editor  .ul_profile_picture #but_upload_profile
{
   margin:0px;
}

.div_editor  .ul_profile_picture div
{
  padding:10px;
}

.div_editor  .ul_profile_picture #but_upload_profile
{
  margin-top:10px;
  background:#225378;
  height:30px;
  font-size:0.7em !important;
}

.div_editor #txt_subject
{
   position:relative;
   border:1px solid #ddd;
   border-width:1px 1px 1px 1px;
   padding:5px 3px;
   background:#fafafa;
   width:100%;
   font-size:0.8em;
   margin-bottom:10px;
}

/*** portlet admin ***/

#portlet_list
{
   margin-top:40px;
}

#portlet_list ul
{
   list-style:none;
   margin:0px;
   padding:0px;
}

#portlet_list ul li
{
   display:inline-block;
   padding:4px;
   text-align:center;
   border:0px solid #ddd;
   margin:4px;
   width:80px;
   vertical-align:top;
}

#portlet_list ul li .one_item
{
   font-size:0.8em;
   cursor:pointer;
}

.disable
{
   cursor:auto !important;
   opacity:0.5;
}

.portlet_action_bar
{
   background:rgba(0,0,0,0.1);
   vertical-align:middle;
   border-radius:4px;
   width:100px;
   padding:4px;
   text-align:center;
   display:none;
}

.portlet_action_bar img
{
   vertical-align:middle;
   height:20px;
   cursor:pointer;
}

#item_portlet_action
{
  font-size:0.8em;
}

#edit_portlet_action
{
   cursor:auto !important;
}

#item_portlet_action
{
}

#item_portlet_action input[type='text']
{
   background:#f8f8f8;
   padding-left:10px;
   border-width:0px;
   width:80%;
   padding:4px 3px;
   height:2rem;
}

#item_portlet_action img
{
   height:20px;
   vertical-align:middle;
   cursor:pointer;
}

.but_add_action_group
{
   cursor:pointer;
}

/*** portlet admin ***/

#msg { color:red; } 

.ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}

.ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("../images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

.tbl_profile .td_input
{
   height:2em;
   margin-bottom:0px;
}

.tbl_profile .mdi
{
   cursor:pointer;
}

/* adjusting datepicker */
.ui-datepicker td  { padding:5px !important; }

.tbl_company .td_action { min-width:90px; }
.tbl_user .td_action { min-width:58px; }

.sample { display:none !important; }

input[type=text]:focus + label
{
   color:#000;
}

#hdr_user_login_name
{
   color:blue;
   display:inline-block;
   margin-right:20px;
}

.collection-item.ci_franchise_status 
{
   padding:10px 20px;  
}

.collection-item.ci_franchise_status .ul_order_summary_by_franchise
{
   margin:0px;
}

.li_order_summary.active
{
   border-bottom:1px solid red;
}

select.browser-default
{
    border-color:#ccc;
	border-radius:4px;
	height:2.2em;
	xpadding-bottom:0px;
	xmargin-bottom:10px;
}

.order_summary_collection .sp_cnt 
{
   display:none;
}

.modal
{
    top:0%;
    xwidth: 100vw;
    height: 100vh;
}

#modal_company, #modal_order
{
   top:0% !important;
   height: 100vh;
   max-height:100% !important;
   width:100%;
}

.input_warning
{
	border: 1px solid rgba(255,0,0,0.5) !important;
    box-shadow: 0 0 10px 0px rgba(255,0,0,0.3) !important;
}

#block
{
   position:fixed;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index:1004;
   background:rgba(0,0,0,0.3);
   display:none;
}

.img_loading
{
   margin-top:20%;
}

.nav-wrapper {  z-index:10; }
.brand-logo { font-size:20px !important; }

.sp_my_title 
{
	position:absolute;top:0px;
}

.tbl_profile .td_fname
{
   width:30%;
}

.tbl_profile .profile_login_name {   min-width:40%; }
#modal_profile #btn_close_profile { padding:10px }
#content_tab {  background:rgba(255,255,255,0.1); }


/* end of file */