body { font-family: 'Open Sans', 'Source Sans Pro'; font-weight: 400; overflow-x: hidden; }

@media print {
    a[href]:after {
        content: none !important;
    }
}
a:focus{outline: none !important; outline-offset: 0px !important; }
label { font-weight: 600; }
input { outline-style: none; box-shadow: none; }
input:focus { outline-style:none !important; box-shadow:none !important; }
button:focus { outline-style:none !important; box-shadow:none !important; }
input[type=checkbox], input[type=radio] { width: 0px; }

.h3, h3 { font-size: 18px; }
.h4, h4 { font-size: 15px; }


table { font-size: 14px; }
td, th { vertical-align: middle !important; }


header, .footer { font-family: 'Open Sans', 'Source Sans Pro', sans-serif; font-weight: normal; margin-bottom: 0px; border: none; text-size-adjust: 100%; }

header { font-size: 14px; line-height: 20px; position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; height: 60px; min-height: 60px; display: block; z-index: 1030; }

header a:hover, header a:focus, header a:active { text-decoration: none; }

header .logo, header .logo .color, header .logo .image { float: left; white-space: nowrap; position: relative; display: block; height: 60px; overflow: hidden; }
header .logo { width: 230px; }
header .logo .color { width: 50px; font-size: 30px; line-height: 60px; text-align: center; vertical-align: middle; }
header .logo .image { width: 180px; background-position: left, center; background-repeat: no-repeat; }

header > ul { margin: 0 10px 0 10px; padding: 0; list-style: none; float: right; }
header > ul, header > ul > li, header > ul > li >  a { height:60px; line-height: 60px; }
header .dropdown-menu { min-width: 180px; padding: 0 0 0 0; margin: 3px 0 0 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
header .dropdown-menu li { /*text-indent: 20px;*/ height: 40px; line-height: 40px; padding: 0; margin: 0; }
header .dropdown-menu li a { height: 40px; line-height: 40px; padding: 0; margin: 0; display: block; text-decoration: none; overflow: hidden; white-space: nowrap; display: block; text-decoration: none; -webkit-tap-highlight-color: transparent; }
header .dropdown-menu li a:hover, header .dropdown-menu li a:focus, header .dropdown-menu li a:active { text-decoration: none; }
header .dropdown-menu li a:active, .dropdown-menu li a:focus, .sidebar-nav li a:focus { text-decoration: none; }
header .dropdown-menu li a i { margin: 0 5px 0 10px; line-height: 40px; height: 40px; width: 20px; font-size: 16px;  padding: 0; text-align: center; vertical-align: middle; }
header .dropdown-menu li a span { margin: 0 25px 0 0; line-height: 40px; height: 40px; max-width: 155px; font-size: 14px;  padding: 0; text-align: left; vertical-align: middle; }

.login-header { position: absolute; top: 0; right: 0;  left: 0; height: 275px; }
.login-header .logo { margin-top: 40px; width: auto; max-width: 520px; }
.login-wrapper { width: 100%; max-width: 300px; margin: 300px auto 0; padding: 0 0 30px 0; }
.login-wrapper h1 { text-align: center; font-size: 20px; font-weight: 300; width: 100%; margin: 20px auto 20px; padding: 0; }
.login-wrapper div { font-size: 80px; font-weight: normal; text-align: center; }
.login-wrapper .form-control { background-image: none; border: none; box-shadow: none; }
.login-wrapper .alert { font-size: 14px; background-color: transparent; border: none;  }
.login-wrapper .btn-primary { font-weight: 900; font-size: 60px; outline: none !important; outline-style: none !important; box-shadow: none !important; }
.login-wrapper .btn-primary:hover, .login-wrapper .btn-primary:focus, .login-wrapper .btn-primary:active { outline: none !important; outline-style: none !important; box-shadow: none !important; }
.login-wrapper .input-group-addon { padding: 7px 15px; font-size: 14px; font-weight: normal; line-height: 1; text-align: center; border: none; }

.footer { opacity: 1; margin-left: 0; width: 230px; margin-top: -40px; font-size: 11px; line-height: 40px; text-align: center; position: fixed; bottom: 0px; left: 0px; height: 40px; min-height: 40px; z-index: 1030; }
.footer.hide { opacity: 0; margin-left: -230px;  margin-top: 0; background-color: transparent; }

.footer, .footer.hide { -webkit-transition: all 3s ease !important; -moz-transition: all 3s ease !important; -o-transition: all 3s ease !important; transition: all 3s ease !important; }/**/

#scroller { background: url(../images/top.png) no-repeat; }

#wrapper.animate, #app-left-bar.animate, #app-right-bar.animate, #app-top-bar/*, .footer.hide*/ { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

#app-top-bar { height: 125px; width: 100%;  margin-top: -125px; position: fixed; top: 0; left: 0; right: 0; padding: 20px 20px 20px 20px; z-index: 9999; overflow: hidden; }
#app-top-bar.show { margin-top: 0; }

#wrapper { padding-left: 230px; }

#wrapper.minimize-app-left-bar { padding-left: 50px; }

#content-wrapper, #app-left-bar, #app-right-bar { top: 60px; }

#content-wrapper { padding: 20px; position: relative; }

#app-left-bar, #app-right-bar { z-index: 1000; position: fixed; height: 100%; }
#app-left-bar { left: 230px; width: 230px; margin-left: -230px;  overflow-y: hidden; }
#app-right-bar { right: 230px; width: 0; margin-right: -230px; overflow-y: hidden; }

#wrapper.minimize-app-left-bar #app-left-bar { width: 50px;  overflow-y: visible; }
#wrapper.show-app-right-bar #app-right-bar { width: 230px; }
#app-left-bar-toggle-button, #app-right-bar-toggle-button, #app-top-bar-toggle-button { margin: 0 10px 0 10px; width: 20px; height: 60px; line-height: 60px; cursor: pointer; text-align: center; vertical-align: middle; }
#app-left-bar-toggle-button { float: left; }
#app-top-bar-toggle-button, #app-right-bar-toggle-button { float: right; }

#scroller { z-index: 1330; width: 47px; height: 54px; position: fixed; right: 10px; bottom: 10px; font-size: 34px; opacity: 0; display: none; text-decoration: none; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -ms-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }
#scroller.active { opacity: 0.4; display:block; }
#scroller.active:hover { opacity: 0.6; }


.main-menu { width: 230px; margin: 20px 0 20px 0; padding: 0; list-style: none; }
.main-menu li { /**/ line-height: 40px; overflow: hidden; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.main-menu li a { height: 40px; overflow: hidden; white-space: nowrap; display: block; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.main-menu li a:hover, .main-menu li a:active, .main-menu li a:focus { text-decoration: none; }
.main-menu li a i { margin: 0 15px 0 15px; line-height: 40px; height: 40px; width: 20px; font-size: 20px;  padding: 0; text-align: center; vertical-align: middle; }
.main-menu li a span { margin: 0 25px 0 0; line-height: 40px; height: 40px; max-width: 155px; font-size: 14px;  padding: 0; text-align: left; vertical-align: middle; }

.main-menu li li a i { margin: 0 5px 0 45px; font-size: 16px; }
.main-menu li li a span { margin: 0 25px 0 0; max-width: 135px; }

.main-menu li.hasChild > a > span:after, .main-menu li.hasChild.open >  a > span:after { margin: 0 5px 0 5px; float: right; width: 15px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-family: FontAwesome; font-style: normal; font-weight: normal; opacity: 0.5; filter: alpha(opacity=50); }
.main-menu li.hasChild > a > span:after { content: "\f105"; }
.main-menu li.hasChild.open >  a > span:after { content: "\f107"; }

.main-menu > li > ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.main-menu > li > ul { max-height: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.main-menu > li.open > ul { max-height: 600px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }

.main-menu > li > ul li ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.main-menu > li > ul li ul { max-height: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.main-menu > li.open > ul li.open ul { max-height: 600px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }

.main-menu li.active > a { font-weight: 600; }
.main-menu li.active > a:after { width: 0px; height: 0px; border-style: solid; border-width: 11px 9px 11px 0; content: ""; margin-top: 9px; float: right; vertical-align: middle; }

.minimize-app-left-bar .main-menu { width: 50px; margin: 20px 0 20px 0; padding: 0; list-style: none; }
.minimize-app-left-bar .main-menu > li { width: 50px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap;}
.minimize-app-left-bar .main-menu > li:hover { width: 230px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; height: auto; }

.minimize-app-left-bar .main-menu li li a i { margin: 0 5px 0 10px; font-size: 16px; }
.minimize-app-left-bar .main-menu li li a span { margin: 0 25px 0 0; max-width: 125px; height: 40px;  }

.minimize-app-left-bar .main-menu > li.hasChild > a > span:after { content: ""; }

.minimize-app-left-bar .main-menu > li > ul { max-height: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.minimize-app-left-bar .main-menu > li:hover > ul { position: fixed; left:50px; width:180px; max-height: 600px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

.minimize-app-left-bar .main-menu > li > ul li ul { max-height: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.minimize-app-left-bar .main-menu > li:hover > ul li:hover ul { margin-top: -40px; position: fixed; left: 230px; width:180px; max-height: 600px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

.minimize-app-left-bar .main-menu li.active > a { font-weight: 600; }
.minimize-app-left-bar .main-menu li.active > a:after { border-style: none; border-width: 0 0 0 0; }


.panel-body h3 { font-weight: 300 !important; }
.panel-heading h4 { margin-top: 5px !important; margin-bottom: 5px !important; }


.btn-toolbar > div > .btn { margin-left: 5px; }


.shortHide { height: 0px !important; overflow: hidden; }

.fa-vc { line-height: inherit !important; }


.clearMessage {  margin-top: .05em; float: right; margin-left: .5em; cursor: pointer;}
.ui-pnotify-closer { margin-left: .5em; }
.ui-pnotify .brighttheme-success, .ui-pnotify:hover .brighttheme-success,
.ui-pnotify .brighttheme-error, .ui-pnotify:hover .brighttheme-error,
.ui-pnotify .brighttheme-info, .ui-pnotify:hover .brighttheme-info { -webkit-transition: background-color 500ms ease-in; -moz-transition: background-color 500ms ease-in; -o-transition: background-color 500ms ease-in; -ms-transition: background-color 500ms ease-in; transition: background-color 500ms ease-in; }
.ui-pnotify-container { padding: 1.1em 1.1em 1.3em 1.1em; }
.ui-pnotify-icon, .ui-pnotify-icon span { font-size: 19px !important; }
.ui-pnotify .bicn { padding: 0px 2px; }
.ui-pnotify-title h4 { line-height: 20px; height: 20px;  font-size: 16px !important; font-weight: 700; }
.ui-pnotify-text { display: block; font-weight: 400; font-size: 14px; margin-left: 3px; }
.ui-pnotify-text a { cursor: pointer !important; }
.ui-pnotify-text a:hover { text-decoration: none; }
.ui-pnotify-text a i { margin: 0 0 0 0; line-height: 30px; height: 30px; width: 20px; font-size: 20px; padding: 0; text-align: center; vertical-align: middle; }
.ui-pnotify-text a span { margin: 0 15px 0 0; line-height: 40px; height: 40px; max-width: 50px; font-size: 14px;  padding: 0; text-align: left; vertical-align: middle; }


#quem_list td, #quem_list th { padding: 2px !important; }

.ft-loader { float: left; margin: 7px 4px; min-width: 15px; }
.ft-row-counter { line-height: 28px; }
.ft-table-paging { float: left; margin-bottom: 0 !important; }
.ft-tools { float: left; margin: 0px 5px; }

.ft-tools-row { font-size: 14px;  margin-bottom: 10px; }
.ft-tools-row i { width: 18px; }

.ft-actions, .ft-entry-actions { text-align: right; }
.ft-entry-actions > .btn { margin-left: 4px; }
@media screen and (max-width: 1310px) {
    .ft-entry-actions > .btn {
        margin-left: 2px;
        padding: 6px 8px;
        font-size: 12px;
    }

    table {
        font-size: 12px;
    }
}
@media screen and (min-width: 1311px) and (max-width: 1485px) {
    .ft-entry-actions > .btn {
        margin-left: 2px;
        padding: 6px 10px;
        font-size: 12px;
    }


    table {
        font-size: 12px;
    }
}
.ft-element-left { float: left; }
.ft-res-per-page span { line-height: 28px !important; }
.ft-res-per-page, .ft-row-counter, .ft-res-per-page select { float: left !important; }

.ft-clr-filter-btn { width: 18px !important; height: 14px; line-height: 14px; }
.ft-clr-filter-btn-a { font-size: 14px !important; }
.ft-clr-filter-btn-b { opacity: 0.7; font-size: 20px !important; margin-top: -3px; }

.ft-pgg-btn { border-left: 0px; border-right: 0px; border-radius: 0px 0px 0px 0px !important; }
.ft-pgg-btn-first { border-radius: 4px 0px 0px 4px !important; }
.ft-pgg-btn-last { border-radius: 0px 4px 4px 0px !important; }

.nbpg { display: none; }
.rspg { height: 28px !important; min-width: 44px; margin-left: 5px !important; margin-right: 5px !important; margin-bottom: 0 !important; }
.pgSlc { height: 28px !important; min-width: 44px; vertical-align: middle; }

.fltrow input, .fltrow select { width: 100%; }

.sort-arrow { margin: -2px 2px 2px 7px !important; width: 19px; height: 19px; margin: 0 2px; background-position: left center; background-repeat: no-repeat; }

.sort-arrow { background-image: url(../plugins/tablefilter/TF_Themes/sort_both.png) !important; }
.sort-arrow.ascending {  background-image: url(../plugins/tablefilter/TF_Themes/sort_asc.png) !important; }
.sort-arrow.descending { background-image: url(../plugins/tablefilter/TF_Themes/sort_desc.png) !important; }


.iradio_square, .iradio_square-aero, .iradio_square-red, .iradio_square-blue, .iradio_square-green, .iradio_square-gray, .iradio_square-orange, .iradio_square-pink, .iradio_square-purple, .iradio_square-yellow { margin: -3px 5px 0px 5px !important; }
.icheck_item { margin-right: 20px; display:block; text-align: left !important; }
.icheck_item span { margin-left: 5px; margin-top: -1px; }

.bicn {display: inline-block; padding: 6px 6px; margin-left: 1px; margin-right: 1px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: none; }

.form-group { margin-bottom: 10px; }

.form-horizontal .radio-inline { padding-top: 4px !important; margin-top: 0; margin-bottom: 0!important; text-align: left !important; padding-left: 0px !important; }

.btn-row { margin-top: 5px;}

.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single { height: 34px !important; border-radius: 4px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px !important; }

.modal-dialog { width: 900px !important; }
.modal-body { height: auto !important; display: block; }
.modal-footer { clear: both; border-top: none !important; }


.patientMLink { margin-left: 20px !important; margin-right: 10px !important; font-size: 10px !important; font-weight: 600; }
.patientMLink span {  font-size: 13px !important; font-weight: 600; }




.dash-box { position: relative; margin-bottom: 20px; width: 100%; height: 100%; }
.dash-box-header { display: block; padding: 10px; position: relative; }
.dash-box-header>.fa, .dash-box-header>.glyphicon, .dash-box-header>.ion, .dash-box-header .dash-box-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1; }
.dash-box-header>.dash-box-tools { position: absolute; right: 10px; top: 5px; }
.dash-box-body { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px; }
.chart-legend { list-style: none; margin: 0; padding: 0; font-size: 12px; }
.chart-legend { margin: 10px 0; }

.dash-box canvas { width: 100%; height: 100%; }

.examFile { margin-right: 3px; }
.examFile .lnkViewFile { padding: 6px 8px; border-color: #DEDEDE !important; }
.examFile .dropdown-toggle { height: 28px; width: 16px; border-color: #DEDEDE !important; }
.examFile .caret { margin-left: -4px; }
.examFile .btn:hover, .examFile .btn:active, .examFile .btn:focus { background-color: #ffffff !important; }


.examFile .btn i { color: #4D4D4D }
.examFile .btn:hover i, .examFile .btn:active i, .examFile .btn:focus i { color: #EA4335 !important; }

.examFile .btn .caret { color: #4D4D4D }
.examFile .btn:hover .caret, .examFile .btn:active .caret, .examFile .btn:focus .caret { color: #EA4335 !important; }

.examFile .dropdown-menu { min-width: 80px !important; }

.examFile .dropdown-menu>li>a { display: inline-block !important; padding: 5px 0px 5px 15px !important; }


/*tbody tr.activeRow td .examFile  a { color: #4D4D4D !important; }*/

#fileIframe { width: 800px; height: 950px; border: none !important; }

.bootbox-body img { width: 850px !important; }

.labelAlignLeft { text-align: left !important; word-wrap: break-word; }
.preAlignLeft { text-align: left !important; word-wrap: break-word; max-height: 600px; }


.emailIcon { padding-right: 5px; }

.mobileView #wrapper { padding-left: 0px !important; }
.mobileView #content-wrapper { padding: 20px 0px !important; }
.mobileView .container-fluid { padding-right: 0px !important; padding-left: 0px !important; }
/*.mobileView header .logo { width: 60px !important; }
.mobileView header .logo .image { background-position: 0px, center !important; }*/

.mobileView header a { color: #4D4D4D !important; }
.mobileView header a:hover { color: #EA4335 !important; }
.mobileView header .appLink { height:60px !important; float: right !important; }
.mobileView header .appLink .fa  { height: 26px !important; margin: 17px 10px  !important; font-size: 26px !important; }
.mobileView header .userName  { float: right !important; height: 26px !important; margin: 19px 10px  !important; font-size: 14px !important; }

.mobileView header a .color i { color: #FFFFFF !important; }
.mobileView header a:hover .color i { color: #FFFFFF !important; }

/*.fc table tr:hover { background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #ddd; }
.fc table tr:hover td { background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #ddd; }
.fc table tr:hover td.fc-today { background: #fcf8e3; }*/

.fc-title { font-size: 14px; font-weight: 600; }



#otxcalendarDialog .modal-dialog {
    max-width: 560px !important;
}
@media screen and (max-width: 620px) {
    #otxcalendarDialog .modal-dialog {
        max-width: 320px !important;
    }
    header .logo {
        width: 55px !important;
    }

    img.logo { width: 340px !important; }
}