button, input, textarea, select, a, a:focus { outline: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.disabled {color: gray;pointer-events: none;}
li > a {cursor: pointer;}
img { border:0; }
small { font-size: 11px; line-height: 18px; }
pre { font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px; color: #666; }

h1,h2,h3,h4 { color: #333; font-weight: normal; }
h1 { font-size: 28px; line-height: 38px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 18px; line-height: 28px; }
h4 { font-size: 16px; line-height: 26px; }
.blink {
  animation: blinker 1s step-start infinite;
}
@keyframes blinker {
  10% {
    opacity: 0;
  }
}
.glyphicon-refresh-animate {
    -animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@media print
{    
    @page {
      size: landscape;
    }
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/***** LOGIN PAGE *****/
/************************/

body.loginbody { background: #f7f7f7; }

.noscrollbar::-webkit-scrollbar { 
    display: none; 
}

.wizard{overflow:visible !important;}

.loginwrapper { max-width: 400px; margin: 10px auto 0 auto; }
.loginwrapper p { margin: 20px 0; }
.loginwrapper p:first-child { margin-top: 0; }
.loginwrapper p:last-child { margin-bottom: 0; }
.logintitle {
  padding: 25px; text-transform: uppercase; line-height: 21px; border: 1px solid #bbb; font-size: 18px; font-weight: bold; border-bottom: 0;
  -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; color: #666; margin-bottom: 0;
}
.logintitle i { margin-top: -13px; float: left; margin-right: 10px; }
.logintitle span.subtitle { font-size: 12px; font-weight: normal; display: block; margin-left: 32px; text-transform: none; color: #999; }
.loginwrapperinner {
  padding: 20px; background: #444;
  -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
}
.loginwrapper input {
  width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  padding: 10px; min-height: 44px; font-size: 14px !important; border: 0; color: #999;
  background: #eee; padding-left: 30px;
}
.loginwrapper input:focus {
  background-color: #fff;
  color: #666 !important;
  box-shadow: 0 0 8px rgba(0,0,0,0.8) !important;
}
.loginwrapper button.btn {
  padding: 12px 0; border: 0; text-transform: uppercase; font-size: 13px; text-shadow: 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
.loginwrapper a { color: #999; }

/***** LOADING DIV *****/
/**********************/
.loadIMG { position: absolute; background-color: #ffffff; height: 100%; width: 100%; z-index: 100000; opacity: 0.5; display: none; }
.loadSpinner { position: absolute; top: 38%; left: 50%; z-index: 110000; display: none; padding-left: 0px; }

/***** MODAL *****/
/**********************/
.modal-footer{margin-top:10px;}
.cke_dialog { z-index: 1000000 !important; }
.highlight { background-color: #ECFFB3;}
.navbar {border-radius: 0;}

/* Main Content */
.maincontent { position: relative; }
.contentinner { padding: 15px; min-height: 650px; }
.contentinner p { margin: 15px 0; }
.contentinner p:first-child { margin-top: 0; }
.contnetinner p:last-child { margin-bottom: 0; }
.ui-dialog-titlebar-close {visibility: hidden;}

.multiselect-container >li.active>a>label {color:white;}

.widgettitle {
  color: #999; text-transform: uppercase; margin-bottom: 15px;
  text-shadow: 1px 1px rgba(255,255,255,0.3); border: 1px solid #bbb; position: relative;
}
h4.widgettitle { font-size: 16px; padding: 6px 10px; font-weight: bold; }
h3.widgettitle { font-size: 14px; padding: 5px 10px; }
.nomargin { margin: 0; }
.showhide {
  font-size: 10px; position: absolute; top: 0; right: 0; padding: 2px 10px; border-left: 1px solid #bbb; color: #999;
  text-align: center; min-width: 75px;
}
.showhide:hover { text-decoration: none; color: #777; background: #e7e7e7; }
.notecontent { width: 100%; }
.notecontent::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.notecontent::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.widgetcontent { margin-bottom: 30px; position: relative; background-color: #eee; }
.widgetcontent.light { padding: 10px; border: 1px solid #bbb; border-top: 0; background: #fcfcfc; }
.widgetcontent.default { padding: 10px; border: 1px solid #bbb; border-top: 0; }
.shadowed { 
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/***** FORM STYLES *****/
/***********************/
.bootstrap-tagsinput { width:100%; }
.bootstrap-tagsinput input { border: 0px; width:100%; }
.bootstrap-dialog-header{width:100%;}
.panel-buttons{text-align:right;border-top: 1px solid #d5d5d5;width:100%;padding-top:15px;}
.field-error { padding: 5px; margin-top: 0px; margin-bottom: 0px; }
.requiredStar{color:red;font-weight:bold;}
.form-view { padding: 7px 5px; border: 1px solid #bbb;margin-bottom: 10px; }
.form-view > label { display: block; }

/*** ERROR PAGE ***/

.errortitle { text-align: center; margin-top: 5%; }
.errortitle h4 { font-size: 24px; margin-bottom: 20px; }
.errortitle span {
      display: inline-block; font-size: 120px; background: #333; color: #fff; line-height: normal; padding: 10px 30px;
      margin-left: 7px; }
.errortitle .errorbtns { margin-top: 20px; }
.errortitle .errorbtns a { margin-right: 7px; display: inline-block; }

.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.bold {font-weight: bold;}

/***** GRADIENT BACKGROUNDS *****/
/********************************/

.pagetitle, .leftmenu .nav-tabs li, .widgettitle,
.ui-accordion-header, .ui-datepicker-header, #popup_title,
.sortlist > li div.label, .paginate_button, .paginate_button_disabled:hover,
.nav-tabs.nav-stacked > li > a, .tabbable, .nav-tabs,
.nav-list li.nav-header, .tabs-right .nav-tabs li a,
.tabs-left .nav-tabs li a, .breadcrumb, .animatesample li,
.pagination ul > li > a, .pagination ul > li > span,
.pager li > a, .pager li > span, .popover-title,
.actionBar a.buttonDisabled, .actionBar a.buttonDisabled:hover,
.wizard .hormenu li a, .wizard .tabbedmenu,
.mailinbox thead th, .mailinbox tfoot th, .mediamgr_head,
.mediamgr, .mediamgr_rightinner, .logintitle {
  background: rgb(237,237,237);
  background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1)));
  background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
  background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
  background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
  background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
}
@media only screen and (max-width: 1026px) { 
  .buttonlabel { 
    display: none; 
  } 
}