/*custom font*/
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans_light/OpenSans-Light-webfont.eot');
    src: url('fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans_regular/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans_bold/OpenSans-Bold-webfont.eot');
    src: url('fonts/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

textarea {
  resize: none;
}

/*Custom style*/
html, body{font-family: "open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 100%; color: black;}
body{background:#fbffff url("../images/body-bg.jpg") repeat 0 0;min-height: 500px;}

.custom-panel-container .panel-heading {
    padding: 0px;
}
.custom-panel-container .panel-heading > .panel-title {
    margin: 0px;
    padding: 5px;
    background-color: #21ae95;
    color: white;
    font-weight: bold
}
.custom-panel-container .panel-body {
    background-color: white;
}
/*Login css*/
.login-wrapper {
    box-shadow: 0 0 8px #999;
    border: none;
    border-radius: 0;
}
.panel-info > .panel-heading{background-color: #fff;border:none; box-shadow: 0 3px 5px #e1e1e1;text-align: center;}
.panel-heading{padding: 20px 15px 15px 15px;}
.panel-body{padding:30px 40px;font-size:12px;}
#loginform .form-control{border-radius:0;height:40px;font-size:1.2em;}
#loginform .input-group-addon{border-radius:0;/*background-color: #3d484e;*/color:#fff;font-size: 18px;}
#loginform .visible-password{background-color:transparent;color:#000;border-left:none;}
#loginform .visible-password a{color:#000;}
#loginform .visible-password a:hover{color:#18af96;}
#loginform .btn-success, #loginform .btn-danger{border:none;border-radius:0;font-size:1.2em;
opacity: 1;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-ms-transition: all 2s ease;  -o-transition: all 2s ease; transition: all 2s ease
}
#loginform .btn-danger:hover{background: #840808}
#loginform .btn-success:hover{background: #168a75}
#loginform .btn-success{background: #21ae95;}
#loginform .btn-danger{background: #bc1212;margin-right: 10px;}
.login-right-corner-div{width: 0px;background-color: #c4e2d9;height:96px;opacity: 0.5;filter: alpha(opacity=50); /* For IE8 and earlier */}
.login-right-corner:before{background: transparent ;border-color: transparent #1e9b85;border-style: solid;border-width: 120px 105px 0 0;content: "";display: block;right: 0px;position: absolute; top: 0; width: 0;z-index: 100;}
.login-right-corner-div:after{background: transparent ;border-color: transparent #c4e2d9;border-style: solid;border-width: 120px 185px 0 0;content: "";display: block;right: 7px;position: absolute; top: 0; width: 0;z-index:-1;opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}
.right-corner-wrapper{position:fixed;right:0;bottom:10px;}
.login-left-corner:before{border-width: 0 0 120px 105px;left: 0px;}
.login-left-corner-div:after{border-width: 0 0 120px 185px;left: 2px;}
.left-corner-wrapper{position:fixed;left:0;top:0px;}
#login-alert ul{margin-bottom:0;}
#login-alert {padding: 5px 15px;}
.login-user-icon{width:43px;height:38px;background-color: #3d484e;margin-top: -1px;padding:9px 0;}

/*Header CSS*/
.logo-dark-blue, .logo-light-blue{color:#000099;font-size: 1.2em;font-family: 'open_sansbold', arial; }
.logo-light-blue{color:#53afee}
.logo-slogan{color:#000099;font-size:0.7em;}
.top-header-bg{/* Permalink - use to edit and share this gradient:  */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 80%, #ffffff 80%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 80%,#ffffff 80%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 80%,#ffffff 80%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.navbar{min-height: 60px;margin-bottom: 0;}
.top-navbar > .navbar-header { width:-webkit-calc(100% - 420px); width:-moz-calc(100% - 420px); width:-ms-calc(100% - 420px); width:-o-calc(100% - 420px); width:calc(100% - 420px);}
.top-navbar{height:60px;line-height: 1.4em;}
.navbar-brand{background:transparent url('../images/volpara-logo.png') no-repeat 15px 12px;background-size:129px;width:220px;height:60px;text-indent:-9999px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ line-height: 1.1em;}
.header-bdr{margin:0 -15px;}
.header-bdr hr{margin:2px 0; border-color: #dfdfdf;width:100%}
hr.content-bdr {margin:2px 0; border-color: #dddddd;width:100%}
.navbar-nav > li > a{padding-top:0;}
.navbar-default .navbar-nav > li > a{color:#ffffff;}
.navbar-default{background-color:#ffffff;box-shadow: 1px 1px 7px #e5e5e5;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color:#1e9b85;}

ul.navbar-right{height: 58px;}
li.nav-admintool{position:relative;background: #1e9b85;}
li.nav-admintool::before {background: transparent;border-color: transparent #1e9b85;border-style: solid;border-width: 0 30px 58px 0;content: "";display: block;right: 80px;position: absolute; top: 0; width: 0;}
li.nav-admintool::after {background: transparent;border-color: #21ae95 #1e9b85 #21ae95 #1e9b85;border-style: solid;border-width: 58px 0 0 27px;content: "";display: block;right: 0px;position: absolute; top: 0; width: 0;}
li.nav-admintool a{background: #1e9b85 url('../images/admin-tool-ico.svg') no-repeat 0 6px;position:relative;right:30px;width:50px;height:25px;padding-top:58px;padding-bottom:0px;display: block;}
li.nav-admintool a:hover, li.nav-admintool a:focus{background-color: #1e9b85!important;color: #fff;}
li.nav-profile, li.nav-logout{color:#ffffff;font-size:1.3em;font-family: 'open_sanslight', arial;line-height: 1em; margin-top: 9px;}
li.nav-profile svg{margin-left: 10px;}
li.nav-profile{min-width:60px;}
li.nav-profile .user-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px;
}
li.nav-logout{margin:10px 0 0 15px;border-left: solid 1px #ffffff;padding-top:3px!important;}
li.nav-logout a{padding-bottom: 0px;}
li.nav-logout a:hover, li.nav-logout a:focus{color:#ffffff!important;text-decoration: underline;}
.top-breadcrumb{font-size: 1.5em;padding-top: 7px;padding-left:0;}
.help::before {background: #000;border-color: #fff #f3f9e9 #fff #f3f9e9;border-style: solid;border-width: 0 35px 49px 0;content: "";display: block;left: -22%;position: absolute; top: 0px; width: 0;}
.help{background: #f3f9e9;height:50px;margin-top:-2px;text-align:right;font-size:1.5em;padding:9px 0px 0 0 ;}
.help a{color:#333;opacity: 1;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.2s ease-in-out}
.help a:hover{color:#358dca;}
.nav .open > a.help-dropdown, .nav .open > a.help-dropdown:focus, .nav .open > a.help-dropdown:hover{background:transparent;}
a.help-dropdown{text-decoration:none!important;}
li.nav-help{padding-top:5px!important;padding-bottom:1px}

li.tenant-name{position:absolute;top:36px;left:51px;font-size: 12px;}

.patient-info { display:inline-block; width:-webkit-calc(100% - 302px); width:-moz-calc(100% - 302px); width:-ms-calc(100% - 302px); width:-o-calc(100% - 302px); width:calc(100% - 302px); margin:15px 0 0;}
.patient-info > div { display:inline-block; vertical-align:middle; margin-right:20px; position:relative;}
.patient-info > div:after { content:''; position:absolute; right:-12px; height:24px; width:1px; background:#d4d4d4;}
.patient-info > .title:after { top:4px;}
.patient-info > .patient-name:after { top:0px;}
.patient-info > .details { margin:0;}
.patient-info > .details span { display:inline-block; margin-right:12px;}
.patient-info > .details span em { font-style:normal;}
.patient-info > .details:after { display:none;}
.patient-info h3, .patient-info h4 { margin:0;}

/*admin tool*/
ul.admin-tool-menu, ul.help-menu, ul.import-menu{min-width:260px;border-radius:0;padding-top:10px;padding-bottom:10px;right: 14px!important;top:64px;}
ul.admin-tool-menu li a, ul.help-menu li a, ul.import-menu li a{background:transparent; display: block;height: 35px;padding: 5px 15px;right: 0;top: 0;width: 92%;border-bottom:solid 1px #d8d7d7;margin:0 4%;}
ul.admin-tool-menu li a:hover, ul.help-menu li a:hover, ul.import-menu li a:hover{color:#fff;}
ul.admin-tool-menu li:last-child a, ul.help-menu li:last-child a, ul.import-menu li:last-child a{border-bottom:none;}
ul.admin-tool-menu .fa, ul.help-menu .fa{width:20px;}
.admin-tool-menu:before, ul.help-menu:before, ul.import-menu:before, .grid-menu ul:before {content: "";position: absolute;top: -12px;right: 15px;border-style: solid;border-width: 0 12px 15px 12px;border-color: #fff transparent;display: block;width: 0;z-index: 0;}
.grid-menu ul:before {right:4px;}
/*help menu*/
ul.help-menu{right: 0px!important;top: 40px;z-index:1002;}
ul.help-menu li a:hover,  ul.import-menu li a:hover{background-color:#1e9b85;}
ul.help-menu:before {top: -10px;right: 4px;border-width: 0 10px 12px 10px;}
ul.import-menu{top:25px;min-width: 170px;}
ul.import-menu:before{left: 4px;}

/*conetnt css*/
.content-area{margin-top:0px;height:100%;}
.content-area label{ font-size: 1em;font-weight: 500;}
.inner-addon {position: relative;}
.inner-addon .glyphicon { position: absolute;padding: 10px;pointer-events: none;}
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
.bottom-container-area{/*background-color:#ffffff;border-top: 1px solid #ddd;box-shadow: 0px 4px 3px #ddd;*/padding-bottom:20px;height:100%;}
.bottom-container-area .row-fullheight, .bottom-container-area .col-sm-12, #wrapper{height:100%;}
.middle-content{background-color:#ffffff;margin:0px 15px 0 15px;border:solid 1px #ddd;height:94%;/*margin-bottom:80px;*/}
.page-title{Padding:0;margin:0;}
.page-title small{font-size: 55%;color:#1e9b85;}
.left-title{padding-top:5px;margin-bottom:5px;color:#333333;}
a.left-title:hover{text-decoration:underline;}

/*dashboard tab css*/
.nav-tabs{padding-right:0;}
.dashboard-count{font-family: 'open_sansbold', arial; margin-right:10px;float:right;}
.nav-tabs > li > a{font-size: 1.2em;color:#333333;border:none;border-bottom:solid 5px #e6e6e6; margin-right: 30px;cursor: pointer;padding:3px 5px;padding-left:0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover{background-color: transparent;border:none;border-bottom:solid 5px #3d484e;border-radius:0;}
.nav-tabs{ border-bottom: 0;}
.nav-tabs a:hover{text-decoration:none!important;}
.nav-tabs .tab-refresh{ border: 0!important;padding: 9px 0;position:absolute; right: -4px; top: 0; z-index: 1000;cursor: pointer!important;}
.tab-content{margin-top: 15px;height: 89%;overflow: auto; }
.tab-content > .tab-pane{/*padding-top:10px; height:78%;*/border: solid 1px #dfdfdf;overflow: auto;}
.tab-content > .tab-pane table:last-of-type { margin-bottom:0;}
#BreastCancerRiskTab .tab-pane{height:99%;}
#cancer-risk-factor .tab-pane{border:none;}
.nav-tabs > li > a:focus{background: transparent}
#CancerRiskChild{border-bottom:solid 2px #e6e6e6;}
#CancerRiskChild li a{font-size:1em;border-bottom: 3px solid transparent;padding-bottom: 3px;}
#CancerRiskChild > li.active > a, #CancerRiskChild > li.active > a:focus, #CancerRiskChild > li.active > a:hover, #CancerRiskChild > li > a:hover{border-bottom:solid 3px #3d484e;padding-bottom: 10px;}

#partnerIdentityProviderQueue > .row > .table-responsive { margin-right: 15px; }

/*appointment table css*/

.table-cell-bdr tbody td{border-right:solid 1px #98c7e7;}
.apppointment-table thead th, .data-display-table thead th{background-color: #1e9b85;color:#ffffff;border:none;padding:12px 3px!important;font-size:1.1em;position:relative;}
.apppointment-table tbody tr, .apppointment-table tbody tr:nth-of-type(2n+1), .data-display-table tbody tr, .data-display-table tbody tr:nth-of-type(2n+1)
{/*background-color: #d5ecfc;*/}
.apppointment-table tbody td{ /*border-top: 1px solid #99c1dd!important;*/vertical-align: middle!important;padding:2px 3px!important;}
li.add-appointment a, li.add-MRI a{border:none; padding: 0px 0 0 10px;margin-right:0!important;}
li.add-newDoc a{border:none; padding: 0px 0 0 10px;margin-right:0;}
li.add-appointment a:hover, li.add-MRI a:hover{border:none;}
li.add-newDoc a:hover{border:none;}
li.add-newFollowup a{border:none; padding: 0px 0 0 10px;margin-right:0;}
li.add-newFollowup a:hover{border:none;}
#dashboardmodal{margin-top:300px;}
#dashboardmodal a{color:#333;text-decoration:underline}
.apppointment-table th:after, .apppointment-table th.headerSortUp:after, .apppointment-table th.headerSortDown:after,
#v3-report .apppointment-table th:after, #v3-report .apppointment-table th.headerSortUp:after, #v3-report .apppointment-table th.headerSortDown:after, #v2-report .apppointment-table th:after, #v2-report .apppointment-table th.headerSortUp:after, #v2-report .apppointment-table th.headerSortDown:after
 { cursor: pointer;font-weight: bold;padding-left: 5px;margin-left: -3px;font-family: 'Font Awesome 5 Free'; content: "\f0dc";font-size: 12px; } 
.apppointment-table th.headerSortUp:after{content: "\f0de";  } 
.apppointment-table th.headerSortDown:after {content: "\f0dd";  } 
.apppointment-table th:last-child::after, .apppointment-table th.headerSortUp:last-child::after, .apppointment-table th.headerSortDown:last-child::after {content: "";}
/*for all td sorting table*/ 
.all-cell-sorting-table th:after, .aall-cell-sorting-table th.headerSortUp:after, .all-cell-sorting-table th.headerSortDown:after{content: "\f0dc"!important;} 
th.hide-sorting.headerSortUp::after, th.hide-sorting.headerSortUp::after, th.hide-sorting::after{content: ""!important;}
.apppointment-table tr:nth-child(even){ background-color: #d6f3ee;}
.apppointment-table tr:nth-child(odd){background-color: #ffffff;}
.apppointment-table a:hover, .apppointment-table a:focus{text-decoration:none!important;}
tr:nth-child(odd) #prenatal-expand-div-content {background-color: #d6f3ee;}
.grid-menu button{border:0;background:transparent;width:28px;height:28px;}
.grid-menu.open .dropdown-toggle {background:transparent;width:28px;height:28px;box-shadow:none;}
.grid-menu.open .dropdown-menu img{margin-right:5px;width:35px;}
.grid-menu.open .dropdown-menu > li > a, .grid-menu.open .dropdown-menu > li > span a{padding: 3px 20px 3px 10px;display:block;color: #333;float:left;}
ul.main-import-export-menu{min-width:206px;height:265px;}
ul.main-import-export-menu a:hover{ text-decoration: underline !important;}
ul.ImportExport-menu {min-width:110px!important;}
ul.ImportExport-submenu{background:#ffffff;min-width:110px!important;right:160px;margin-left:0!important;}
ul.ImportExport-submenu{right:170px;}
ul.ImportExport-menu:before, ul.ImportExport-submenu:before{border-width: 0;}
ul.SaveAsJson-alignment-fix { margin-left: 7px !important; } /* hack: submenu alignment depends on text width in parent menu. This fixes alignment for the "Save as JSON" item which is wider than default. */
ul.main-import-export-menu li a:focus, ul.main-import-export-menu li a:hover {background-color: transparent;color: #0c8873!important;}
a.submenu-anchor::after{margin-top: 9px !important;}
.apppointment-table-child thead th{background-color: #66b8a5 /*#76c2b0*/;}
/*remove table sorting*/
.remove-sorting th::after{content: ""; } 

/* tablebuilder color override */
/* when all tables are replaced with table builder, we can do away with the apppointment-table class */
.table-builder thead th {
    background-color: #1e9b85;
    color:#ffffff;
    border:none;
    padding:12px 3px;
    font-size:13px;
    position:relative;
}

.table-builder th.headerSortUp:after {
    font-weight: bold;
    padding-left: 5px;
    margin-left: -3px;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
}

.table-builder th.headerSortDown:after {
    font-weight: bold;
    padding-left: 5px;
    margin-left: -3px;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
} 

.table-builder th.headerSortDown.headerSortUp:after {
    font-weight: bold;
    padding-left: 5px;
    margin-left: -3px;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
}

.table-builder tr:nth-child(even) {
    background-color: #d6f3ee;
}
.table-builder tr:nth-child(odd) {
    background-color: #ffffff;
}

.table-builder tbody td {
    border-top: 1px solid #99c1dd !important;
    vertical-align: middle !important;
    padding: 0px 3px !important;
}

.pagination {
    height: 100%;
    vertical-align: middle;
    float: none;
}

.pagination > .active span {
    background-color: #1E9B85;
    border-color: #1E9B85;
}

.pagination > .active span:hover {
    background-color: #1E9B85;
    border-color: #1E9B85;
}

/* end table-builder overrides */

/*fixed table header*/
.table-fixed thead {width: 97%;}
.table-fixed tbody {height: 230px;overflow-y: auto;width: 100%;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;}
.table-fixed tbody td, .table-fixed thead > tr> th {float: left;border-bottom-width: 0;}

/*grid dropdown menu*/

#table-scroll { height: 100%; overflow: scroll; max-height: 300px; }

/*dropdown submenu*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0;min-width: 135px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}

/*Page Content*/
.schedule-more-detail{Font-size:1.1em;color:#333;font-weight:bold;}
.schedule-more-detail .fa{color:#53afee;Font-size:1.2em;}
#page-content-wrapper a:hover{text-decoration:underline;}
#page-content-wrapper .form-control{height:30px;padding:3px 12px;}
#page-content-wrapper textarea.form-control{height:auto;}
#page-content-wrapper .inner-addon .glyphicon{padding:7px 10px;}

/*Institution list css*/
.search-ico-bg{background-color:#3d484e;color:#ffffff;border-radius:0 4px 4px 0!important;cursor:pointer;}
.search-ico-bg:hover, .search-ico-bg:focus{color:#21ae95}
img.refresh-istitution-list{margin:-3px 4px 0 4px;}
img.add-istitution-list{margin:-3px 4px 0 30px;}
.quick-add-institution img{margin-right:7px;}
#institution-list a, .quick-add-links a{color:#333;}
#institution-list a:hover, .quick-add-links a:hover, a:focus, a:hover{color:#0c8873;text-decoration:underline;}
#institution-list .pull-right > .dropdown-menu{/*left: -105px;*/padding: 15px;z-index: 10000;}
#institution-list .dropdown-menu{min-width: 260px;}
#institution-list label{font-size:14px;}

/*Survey Editor*/
#SurveyEditor .checkbox{border:none;margin: 0px;} 
#textEditor .btn{ padding: 3px 12px;}

/*quick add div*/
.quick-add-inner-no-padding-div{width:98%;height:auto;margin:0;background:#fff;}
.quick-add-inner-div{width:98%;height:auto;margin:1%;background:#fff;padding:0 1.5% 1% 1.5%;}
.quick-add-links{font-size:1em;white-space: normal;word-wrap: break-word;}
.quick-add-links a{margin-right:12px;}
.quick-add-links a:last-child{margin-right:0px;}

/*Manage Document*/
#textEditor, #divContent{height:100%!important;}
#divContent #Content_tbl{width:100%!important;height:100%!important;}
#divContent #Content_tbl tr td table{width:auto}

/*Test Patient*/
#testpatient-list a{color:#333;}
#testpatient-list a:hover{color: #0c8873 !important;}

/*Fixed table header*/
.outer-parent {/*max-height:300px;*/ -ms-overflow-scrolling: touch;}
/*.tab-outer-parent {max-height:290px;}*/
.outer-parent th {z-index:1001;}

/* Content in a fixed circle*/
.circle
{
    line-height: 23px;
    height: 25px;
    width: 25px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #1bba9a
}

/*all modal popup*/
.modal-header{padding: 10px 15px; background-color: #1e9b85;color: #fff;border-radius:5px 5px 0 0;}
.modal-title{font-weight:bold;}
#addAppointmentPopup .modal-dialog{width:830px;height:630px;}
#CopyEdit-Appt .modal-dialog{width:830px;height:630px;margin-top:20px;}
.modal-dialog{margin-top:100px;}
#schedule-new-doc-modal .modal-dialog, #pedigree-diagram-modal .modal-dialog, #about-us-moadal .modal-dialog, #BRCA-pedigree-diagram-modal .modal-dialog, #LifetimeCancer-pedigree-diagram-modal .modal-dialog, #edit-provider .modal-dialog{width:700px;margin-top:30px;}

#import-patient-data-modal .modal-dialog {width:850px;margin-top:30px;}
#import-patient-data-modal .modal-dialog .modal-body #table-container { max-height: 350px; overflow: auto; }

#risk-calc-display-modal .modal-dialog {width:850px;margin-top:30px;}
#risk-calc-display-modal .modal-dialog .modal-body {font-size:12px;}
#risk-calc-display-modal .modal-dialog .modal-body table td:first-child {text-align: left;}
#risk-calc-display-modal .modal-dialog .modal-body table th:first-child {text-align: left;}
#risk-calc-display-modal .modal-dialog .modal-body table th {text-align: right;}
#risk-calc-display-modal .modal-dialog .modal-body table td {text-align: right;}
#risk-calc-display-modal .modal-dialog .modal-body table td .circle {margin-right:6px; margin-left:auto;}

#pedigree-diagram-modal .view-doc-content, #BRCA-pedigree-diagram-modal .view-doc-cont, #LifetimeCancer-pedigree-diagram-modal .view-doc-cont{height:700px;}
#about-us-moadal .modal-dialog ul{Height:300px;overflow:auto;}
#about-us-moadal .modal-dialog ul li{line-height:25px;}

#invitaeForm {max-height:625px; overflow-y:auto; padding:0 25px;}
#myriadForm {max-height:650px; overflow-y:auto; padding:0 25px;}

#order-myriad-precise .modal-dialog {margin-top:50px;}
#order-myriad-precise .modal-dialog .modal-body {font-size:12px;}
#order-myriad-precise .modal-dialog .modal-body label {margin-bottom:0px;}
#order-myriad-precise .modal-dialog .modal-body p {margin-bottom:2px;}
#order-myriad-precise .modal-dialog .modal-body h4 {margin-top:0px; margin-bottom:5px;}
#order-myriad-precise .modal-dialog .modal-body h5 {padding-bottom:2px;}
#order-myriad-precise .modal-dialog .modal-body .form-group {margin-bottom:0px;}

#order-invitae .modal-dialog {margin-top:50px;}
#order-invitae .modal-dialog .modal-body {font-size:12px;}
#order-invitae .modal-dialog .modal-body table {margin-bottom:5px;}
#order-invitae .modal-dialog .modal-body table th {padding:2px;}
#order-invitae .modal-dialog .modal-body table td {padding:2px;}
#order-invitae .modal-dialog .modal-body label {margin-bottom:0px;}
#order-invitae .modal-dialog .modal-body p {margin-bottom:2px;}
#order-invitae .modal-dialog .modal-body h4 {margin-top:0px; margin-bottom:5px;}
#order-invitae .modal-dialog .modal-body h5 {padding-bottom:2px;}
#order-invitae .modal-dialog .modal-body .form-group {margin-bottom:0px;}
#order-invitae .modal-dialog .modal-body .fine-print {font-size:10px;}
#order-invitae .modal-dialog .modal-body .gene-list {font-size:11px;}

#edit-provider .form-horizontal .control-label{font-weight:normal;font-size:14px;}
#edit-provider .form-horizontal .form-control {height:30px;}
#edit-provider .form-horizontal select.form-control{padding:3px 12px;}
#edit-provider .form-horizontal .btn {padding:4px 12px;} 
/*modal with two column*/
.modal-sidebar{background:#f5f7f9;}
.modal-sidebar h5{background-color: #d6f3ee;font-weight: bold;margin: 0 -15px;padding: 10px;}
.modal-sidebar ul{font-size: 13px;list-style-type: none;padding: 10px 0;}
.modal-sidebar ul li{border-bottom:solid 1px #dfdfdf;padding:5px 0;}
.modal-sidebar ul li:last-child{border-bottom:none;}
.modal-sidebar ul a{color:#333;}
.modal-sidebar ul a:hover{text-decoration:underline;color: #0c8873;}
.view-doc-content, .view-doc-cont{border:solid 1px #dfdfdf;} /*overflow:auto; height:400px;overflow:auto;*/
.view-doc-cont{border:0;}
/*page content wrapper two column*/
#page-content-wrapper .modal-sidebar ul{font-size: 14px;}
#page-content-wrapper .view-doc-content{height:450px;}
#browse-xml-modal{margin-top:40px;}
#divriskcalculate{width:730px;}
#confirm-reset .modal-dialog, #confirm-xml .modal-dialog{width:355px;}
#confirm-markIncomplete .modal-dialog, #confirm-xml .modal-dialog{width:355px;}
#confirm-runrisk .modal-dialog{width:430px;}
#confirm-xml .editor-field span, #confirm-runrisk .editor-field span, #confirm-delete-appt-with-data .editor-field span, #confirm-patient-lock-modal .editor-field span{color:red; font-size:17px;font-weight:bold;margin-right:10px;}
#confirm-xml .modal-footer,#confirm-reset .modal-footer,#confirm-markIncomplete .modal-footer,#confirm-runrisk .modal-footer, #confirm-patient-lock-modal .modal-footer, #confirm-delete-appt-with-data .modal-footer{border:0;padding:0;}

/*accordion css*/
.accordion-toggle:hover {text-decoration: none;}
.BreastCancerAccordion .panel-heading, .ColorectalCancerRiskAccordion .panel-heading{padding: 7px 15px 7px 15px;}
.BreastCancerAccordion .panel-title, .ColorectalCancerRiskAccordion .panel-title{font-size: 14px;}
.BreastCancerAccordion .panel-body, .ColorectalCancerRiskAccordion .panel-body {padding: 15px;font-size: 12px;}
.BreastCancerAccordion .accordion-toggle .glyphicon, .ColorectalCancerRiskAccordion .accordion-toggle .glyphicon{margin-right:5px;}
.BreastCancerAccordion .activeAccordion, .BreastCancerAccordion .panel-heading:hover, .ColorectalCancerRiskAccordion .activeAccordion, .ColorectalCancerRiskAccordion .panel-heading:hover
{background-color:#1e9b85;} /*color:#fff;*/
.panel-heading a:focus, .panel-heading a:hover{text-decoration:none!important;}
#accordion label, #accordion input, #accordion select, #accordion1 label, #accordion1 input, #accordion1 select
{font-size: 13px;}
/*#accordion .input-small, #accordion1 .input-small{width:35%!important;}*/
#accordion select{min-width:50%;}
#accordion1 select{min-width:30%;}
#accordion .form-inline div, #accordion1 .form-inline div{padding-right:0;}

/*common classes*/
a{cursor: pointer;}
a:focus{outline:none;}
a:hover{text-decoration: none;}
.btn{border-radius:0;}
.btn-sm{padding: 0px 10px;margin-top: 2px;}
.Padding-0{padding:0;}
.Padding-15{padding:15px;}
.Padding-LR-0{padding-left:0;padding-right:0;}
.Padding-LR-5{padding-left:5px;padding-right:5px;}
.Padding-LR-10{padding-left:10px;padding-right:10px;}
.Padding-LR-15{padding-left:15px;padding-right:15px;}
.Padding-L-0{padding-left: 0!important;}
.Padding-R-0{padding-right:0;}
.Padding-R-15{padding-right: 15px!important;}
.Padding-T-5{padding-top: 5px;}
.Padding-T-10{padding-top: 10px;}
.Padding-T-15{padding-top: 15px!important;}
.Padding-T-24{padding-top: 24px;}
.Padding-T-28{padding-top: 28px;}
.Padding-TB-10{padding-top: 10px;padding-bottom:10px;}
.Margin-T-0{margin-top:0px}
.Margin-T-5{margin-top:5px}
.Margin-T-10{margin-top:10px}
.Margin-T-15{margin-top:15px}
.Margin-T-20{margin-top:20px}
.Margin-B-0{margin-bottom:0px}
.Margin-B-5{margin-bottom:5px}
.Margin-B-10{margin-bottom:10px}
.Margin-B-15{margin-bottom:15px}
.Margin-B-20{margin-bottom:20px}
.Margin-TB-5{margin-top: 5px;margin-bottom:5px;}
.Margin-TB-10{margin-top: 10px;margin-bottom:10px;}
.Margin-L-0{margin-left:0px!important;}
.Margin-L-5{margin-left:5px}
.Margin-L-10{margin-left:10px}
.Margin-L-15{margin-left:15px}
.Margin-R-5{margin-right:5px}
.Margin-R-10{margin-right:10px}
.Margin-R-15{margin-right:15px}
.Margin-R-20{margin-right:20px}
.Margin-LR-5{margin-left:5px;margin-right:5px}
.Margin-0{margin:0!important;}
.height-30{height:30px;}
.align-center{text-align:center}
.align-left{text-align:left!important}
.align-right{text-align:right}
small{font-size:0.7em;}
.small-txt{font-size:12px;font-weight:normal!important;}
.hr-style{border-color: #dfdfdf;}
.clear-float{clear:both;}
.bold-txt{font-weight:bold;}
.horizontal-devider{border-right: solid 1px #ddd;}
.tooltip{font-family: 'open_sanslight', arial;font-style: normal;}
.phone-no-input div:first-child{padding-right:0;}
.phone-no-input div:nth-child(2){padding-right:5px;padding-left:5px;}
.phone-no-input div:last-child{padding-left:0px;}
.disbale-pointer{pointer-events: none}
.highlight-row{background-color:#89dbcd!important;}
.fixed-height-300{max-height:300px;overflow:auto;height:auto;}
.form-control:focus {border-color: #9ed1c5;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(118, 194, 176, 0.6);}
.height-small-input{width:20%!important;}
.weight-small-input{width:30%!important;}
.no-border{border:0px!important;}
.red-text{color:red;}
.small-dropdownlist{width:70%;}

.textAreaClass {
    height:500px;
    width:100%;
}

/*all buttons*/
.btn{padding:4px 10px;}
.search-group{box-shadow: 1px 1px 4px #ccc;line-height:27px;}
.search-btn, .add-btn{background-color: #53afee;border-radius: 0;border:none;color: white;font-size:1.1em!important;padding:4px 12px;}
.search-btn-ico{background-color: #358dca;color: white;padding: 8px;cursor:pointer;top:0;}
.search-btn:hover, .add-btn:hover, .search-btn.focus, .search-btn:focus{background-color: #358dca;color: white;}
.add-btn{padding:3px 6px;font-size:1em;}
.btn{font-size:14px;}
.btn-primary{background-color: #1b9b84;border-color: #fff;}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus{background-color: #168a75!important;border-color: #fff;}
.btn-success{background-color: #1b9b84;border-color: transparent;}
.btn-success:hover, .btn-success.focus, .btn-success:focus{background-color: #168a75!important;border-color: transparent;text-decoration:none;}
.btn-cancel{background-color: #c4e2d9;border-color: transparent;color:#727d85;}
.btn-cancel:hover{background-color: #a6d2c5;border-color: transparent;color:#727d85;}
.slide-save, .slide-cancel{}
/*multiselct */
.multiselect {border-radius:4px;padding:4px 10px;}
.multiselect-container li.active a, .multiselect-container li.active a:hover{background-color:#f1f1f1;color:#333333;}
.bg-success {padding: 10px;color: #3f6405;font-weight: bold;}
.browse-btn {margin-left: -74px;margin-top: -3px;background-color: #3d484e;}
.browse-btn:hover, .browse-btn:focus{background-color: #293237!important;}

/*upload logo*/
.input-filetype {display:inline-block;width:80%;pointer-events:none;}

/*footer css*/
footer{position:fixed; box-shadow: 10px 0 6px #ddd;background-color:#fff;width:100%;z-index:1000;bottom:0;right:0;}
.footer-style{width: 46px;background-color: #c4e2d9;height: 35px;opacity: 0.6;filter: alpha(opacity=60); /* For IE8 and earlier */}
footer:before{background: transparent ;border-color: transparent #1e9b85;border-style: solid;border-width: 35px 0px 0px 74px;content: "";display: block;left: 0px;position: absolute; top: 0; width: 0;z-index: 100;}
.footer-style:after{background: transparent ;border-color: transparent #c4e2d9;border-style: solid;border-width:35px 0 0 85px;content: "";display: block;left: 46px;position: absolute; top: 0; width: 0;z-index:-1;opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}
footer .container{text-align: center;color:#838383;font-size:12px;}

/*fixed table header*/
table {table-layout:fixed;}
.div-table-content {height:90%; overflow-y:auto;}
.fixed-table-header .panel{border:0!important;border-radius: 0px;box-shadow:0 0 0;margin-bottom:0;}
.fixed-table-header  tr:first-child, .fixed-table-header  th:first-child, tr:last-child, th:last-child
{border-top-left-radius:0!important;border-top-right-radius:0!important;}
.fixed-table-header th{padding-top:10px!important;padding-bottom:10px!important;}
/*table content ellipse*/
table tr th span, table tr td, table tr th{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
table tr th:last-child, table tr td:last-child{white-space:nowrap;overflow: visible;text-overflow: inherit;}
/*.quick-actions span:first-of-type, .quick-actions span:nth-of-type(2), .quick-actions span:nth-of-type(3){margin-right:2%;}*/
.quick-actions i {width:22px;padding-left:5px}
/*erroe page*/
.errorpage{min-height:479px; padding-top:80px}
.errorpage h1{font-size:150px; color:#d9241f; font-weight:bold;text-shadow:2px 2px 4px #999;}
.errorpage h1 span{font-size:36px; color:#000;text-transform:uppercase;text-shadow:0 0 0 #fff;}
.errorpage p{font-size:18px;}

/*edit institute*/
.interface-defination-info > div {margin-bottom:10px;}
#tblProfile thead th {top:0!important;z-index:0!important;padding: 4px 8px;}
#settings h4{font-size: 15px;margin:2px 0;}

/*cancer risk factor*/
.cancer-risk-save-btn{position: absolute;right: 16px;top: 9px;}

/*page conetnt sidebar*/
#page-content-wrapper {
  height:95%;
}

/* for Risk Clinic : starts */
.fa.fa-recycle{color:#000!important;}
.fa.size16 {height: 17px;font-size: 16px;vertical-align: middle;}
.fa.size17 { font-size:17px; margin-top:4px;}
.fa.size20 { font-size:20px; margin-top:4px;}
.fa.pointer { cursor:pointer;}
.height-10 { height:10px;}
.height-20 { height:20px;}
#page-content-wrapper textarea.form-control.large { height:75px;}

.top-navbar.rc > .navbar-header { width:-webkit-calc(100% - 380px); width:-moz-calc(100% - 380px); width:-o-calc(100% - 380px); width:-ms-calc(100% - 380px); width:calc(100% - 380px);}
.top-navbar.rc .patient-info .title { display:none;}
.top-navbar.rc .patient-info { margin:8px 0 0 20px; vertical-align:middle; width:-webkit-calc(100% - 480px); width:-moz-calc(100% - 480px); width:-o-calc(100% - 480px); width:-ms-calc(100% - 480px); width:calc(100% - 480px);}

#div-risk-clinic-menu { display:inline-block; float:left; margin-top:10px;}
#div-riskclinic-patient-info { width:-webkit-calc(100% - 455px); width:-moz-calc(100% - 455px); width:-o-calc(100% - 455px); width:-ms-calc(100% - 455px); width:calc(100% - 455px); padding-left:15px; margin:10px 0 0;}

#sidebar-wrapper li#liPendingTask i { margin:0 10px 0 -42px;}
#sidebar-wrapper li#liPendingTask .total-count { display:block; font-size:12px; margin:-18px 0 0;}
#sidebar-wrapper li#liPendingTask .total-count em { font-style:normal; font-weight:bold; float:right; margin-right:-24px;}

.riskClinic button { background:none; font-size:21px; }
.riskClinic button.text { padding-left:30px; background:url(../images/dna_helix.png) no-repeat left center; background-size:20px;}
.riskClinic.btn-group.open .dropdown-toggle, .btn.active, .btn:active{ box-shadow:none;}
.riskClinic button.btn .caret { border-width:6px;}
.riskClinic .dropdown-menu { min-width:190px; padding:8px 12px;}
.riskClinic .dropdown-menu ul { margin:0; padding:0; list-style:none;}
.riskClinic .dropdown-menu ul li { margin:0 0 8px; font-size:16px;}
.riskClinic .dropdown-menu ul li a { display:block; color:#333333;}
.riskClinic .dropdown-menu ul li a:hover { color:#1e9b85; font-weight:bold; text-decoration:none;}

.right-pane-holder { position:relative; border:solid 1px #dfdfdf; margin:10px 0 0; height:-webkit-calc(100% - 45px); height:-moz-calc(100% - 45px); height:-o-calc(100% - 45px); height:-ms-calc(100% - 45px); height:calc(100% - 45px);}
.right-pane-holder > div { height:100%; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.right-pane-holder .left-pane { width:-webkit-calc(100% - 54px); width:-moz-calc(100% - 54px); width:-o-calc(100% - 54px); width:-ms-calc(100% - 54px); width:calc(100% - 54px); padding-bottom:25px; position:relative; }
.right-pane-holder .left-pane2 { width:-webkit-calc(100% - 54px); width:-moz-calc(100% - 54px); width:-o-calc(100% - 54px); width:-ms-calc(100% - 54px); width:calc(100% - 54px); position:relative;  padding-bottom:25px;}
.right-pane-holder .left-pane .fa.fa-lg { position:absolute; right:-20px; top:14px; color:#1e9b85; z-index:1;}
.right-pane-holder .left-pane2 .fa.fa-lg { position:absolute; right:-20px; top:14px; color:#1e9b85; z-index:1;}
.right-pane-holder.slide-in .left-pane { width:-webkit-calc(100% - 540px); width:-moz-calc(100% - 540px); width:-o-calc(100% - 540px); width:-ms-calc(100% - 540px); width:calc(100% - 540px);}
.right-pane-holder.slide-in .left-pane .fa.fa-lg { right:-13px;}
.right-pane-holder .left-pane .imgWrapper { position:relative; height:100%; margin:42px 0 0;}
.right-pane-holder .left-pane .imgWrapper .zoom-icons { position:absolute; right:-160px; bottom:8px;}
.right-pane-holder .left-pane .imgWrapper .zoom-icons i { margin-left:8px;}
.right-pane-holder .right-pane { position:absolute; right:-492px; top:0; width:530px; background:#f7f7f7;}
#div-for-partial > div.row.row-fullheight > div.right-pane-holder.family-history.slide-in > div.right-pane > h4 { /*width:530px;*/ }
.right-pane-holder.slide-in .right-pane { right:0}
.right-pane-holder .right-pane .wrapper { opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); height:-ms-calc(100% - 40px); height:-o-calc(100% - 40px); height:calc(100% - 40px); overflow-y:auto;}
.right-pane-holder .right-pane .sub-tabs { opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.right-pane-holder.slide-in .right-pane .wrapper, .right-pane-holder.slide-in .right-pane .sub-tabs { opacity:1;}
.right-pane-holder .right-pane h4 { margin:0; padding:10px; background:#3d484e; color:#FFFFFF; font-size:16px; font-weight:bold;}
.right-pane-holder .right-pane h4 i { display:inline-block; vertical-align:middle; margin:0 8px 0 0;}
.right-pane-holder .right-pane .nav-tabs.sub { font-size:13px;}
.right-pane-holder .right-pane .tab-pane { border:none;}
.right-pane-holder .right-pane section { padding:0 0 14px; margin:0 0 14px; border-bottom:solid 1px #dddddd; overflow:hidden;}
.right-pane-holder .right-pane section:last-child { padding-bottom:0; margin-bottom:0; border:none;}
.right-pane-holder .right-pane section h5 { font-size:15px; font-weight:bold; margin-top:0;}
.right-pane-holder .right-pane section table td { padding:3px 0;}
.right-pane-holder .right-pane .btnWrp { position:absolute; left:-300px; top:18px;}
.right-pane-holder .right-pane .btnWrp button, .right-pane-holder .right-pane .btnWrp a { background:#1e9b85; color:#ffffff; border:none; padding:8px 14px; border-radius:4px;}
.right-pane-holder .right-pane button.run-risk i { margin:0 8px 0 0;}
.right-pane-holder.family-history { height:-webkit-calc(100% - 75px); height:-moz-calc(100% - 75px); height:-ms-calc(100% - 75px); height:-0-calc(100% - 75px); height:calc(100% - 75px);}
.right-pane-holder.family-history .left-pane { padding:0px;}
.right-pane-holder.family-history .left-pane .tab-content { margin:0;}
.right-pane-holder.family-history .left-pane .tab-pane { border:none;}
.right-pane-holder.family-history .right-pane .wrapper { height:-webkit-calc(100% - 90px); height:-moz-calc(100% - 90px); height:-moz-calc(100% - 90px); height:-o-calc(100% - 90px); height:calc(100% - 90px); overflow-x:hidden;}
.right-pane-holder.family-history .apppointment-table th:after { display:none;}
ul.chkboxList { margin:0; padding:0; list-style:none;}
ul.chkboxList.height-200 { max-height:200px; overflow-y:auto;}
ul.chkboxList input[type='checkbox'] { display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
.sub-tabs { padding:8px 0 10px 12px;}
.sub-tabs > li > a { font-size:15px; margin-right:20px;}
.sub-tabs > li:last-child > a { margin-right:0;}
.subTab-pane .info { margin:0 0 18px; padding:0 0 8px; border-bottom:solid 1px #dddddd;}
.subTab-pane .info span { margin-left:10px; font-weight:bold;}
#page-content-wrapper .family-history .add-disease textarea.form-control { height:30px;}
#page-content-wrapper .family-history .add-disease .form-control, #page-content-wrapper .family-history .new-test .form-control { padding:3px;}
#page-content-wrapper .family-history .new-test .form-group { margin:0 0 5px;}
#page-content-wrapper #genTest .form-control { padding:3px;}
.right-pane-holder .right-pane .add-disease section { margin:0; padding:0; border:none;}
#formMutationRisk, #div-for-partial { height:100%;}
#genTest .form-group { margin-bottom:5px;}
#genTest .genTest-wrapper section { margin:0 0 20px;}
#page-content-wrapper #recomnd textarea.form-control { height:250px;}

.tabbable.risk-clinic { margin:6px 0 0;}
.tabbable.risk-clinic .tabbable { margin:5px 10px 10px;}
.tabbable.risk-clinic .tabbable .tab-pane, .tabbable.risk-clinic .tab-pane .tab-pane  { padding:10px;}
.tabbable.risk-clinic .tabbable ul.nav-tabs > li > a { font-size:15px; border-bottom-width:3px;}
.graphHolder { display:table; width:100%; table-layout:fixed;}
.graphHolder > div { display:table-cell; vertical-align:top; padding:0 10px;}
.graphHolder .graph-data { width:470px;}
.graphHolder .graph-data h5 { font-weight:bold;}
.graphHolder .graph-data ul.links { margin:0 0 10px; padding:0;}
.graphHolder .graph-data ul.links li { display:inline-block; vertical-align:middle; margin:0 12px 0 0; text-decoration:underline;}
.graphHolder .graph-data ul.links li a { color:#21ae95;}
.graphHolder .graph-data thead { background:#21ae95; color:#ffffff;}
.graphHolder .graph-data th, .graphHolder .graph-data td { text-align:center;}
.graphHolder .graph-data th:nth-child(2), .graphHolder .graph-data td:nth-child(2) { text-align:left;}
.graphHolder .graph-data tr td:first-child span { display:block; width:20px; height:20px; margin:auto;}
.graphHolder .graph-data tr td:first-child span.black { background:#000000;}
.graphHolder .graph-data tr td:first-child span.red { background:#ff0000;}
.graphHolder .graph-data tr td:first-child span.green { background:#008000;}
.graphHolder .graph-data tr td:first-child span.light-green { background:#90EE90;}
.graphHolder .graph-data tr td:first-child span.dark-green { background:#006400;}
.graphHolder .graph-data tr td:first-child span.light-seagreen { background:#20B2AA;}
.graphHolder .graph-data tr td:first-child span.magenta { background:#FF00FF;}
.graphHolder .graph-data tr td:first-child span.dim-gray { background:#696969;} 
.graphHolder .graph-data tr td:first-child span.light-gray { background:#D3D3D3;} 
.graphHolder .graph-data tr td:first-child span.maroon { background:#800000;} 
.graphHolder .graph-data tr td:first-child span.blue { background:#0000ff;}
.graphHolder .graph-data tr td:first-child span.purple { background:#800080;}
.graphHolder .graph-data tr td:first-child span.saddlebrown { background:#8B4513;}
.graphHolder .graph-data tr td:first-child span.light-blue { background:#6495ed;}
.graphHolder .graph-data tr td:first-child span.yellow { background:#ffa500;}
.graphHolder .graph-data tr td:first-child span.royalblue { background:#4169E1;}
.graphHolder .graph-data tr td:first-child span.orange { background:#FFA500;}
.graphHolder .graph-data tr td:first-child span.limegreen { background:#32CD32;}
.graphHolderMsg { display:table; width:100%; table-layout:fixed;height:250px;text-align:center;padding-top:100px;color:red}

.tab-content > .tab-pane#recomnd-breast, .tab-content > .tab-pane#recomnd-ovarian { max-height:96%;}

#tasks .modal-dialog { width:1100px;}
.modal-dialog h5 { margin:0; padding:0 0 8px; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:bold;}
#tasks h5 span { float:right; cursor:pointer;}
#tasks h5 span i { margin-right:6px;}
#page-content-wrapper #tasks .form-control { padding:3px;}
#tasks .note { display:block; margin:3px 0 0; cursor:pointer;}
#tasks .note i { margin:0 5px 0 0;}
#tasks .patient-contacts { max-height:300px; overflow-x:hidden; overflow-y:auto;}
#tasks .patient-contacts .comment-holder { display:none;}
#tasks .patient-contacts .input-holder .form-group { margin-bottom:5px;}
#tasks .full-history textarea.form-control { height:120px; padding:3px 6px;}
#page-content-wrapper .modal-dialog .form-control { padding:3px;}
.modal-dialog .bold-txt { font-weight:bold;}

.btn-right-top { position:absolute; right:0; top:10px;}
#documents .modal-dialog, #genTest .modal-dialog { width:950px;}
#pt-pedigree .modal-dialog { width:700px;}
#page-content-wrapper #recomnd .form-group textarea#txtBullet { height:50px;}
#page-content-wrapper #recomnd .form-group textarea#txtParagraph { height:250px;}

#newDocument a{color:#000;}
#newDocument a:hover, #newDocument a:focus{color:#0c8873;}
/* for Risk Clinic : ends */

/* css for google chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search-btn{padding: 4.5px 12px;}
}

/* css for internet explorer only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	li.nav-admintool a{background: #1e9b85 url('../images/admin-tool-ico.svg') no-repeat 0 3px;}
    .table > thead > tr > th{cursor:pointer}
    .footer-style::after{opacity: 0.6;filter: alpha(opacity=60);}
    .browse-btn {margin-top: -4px;}
    .fa.size16 {height: 18px;}
}

/*Media Queries Start here*/
/* Desktops and laptops ----------- */
@media only screen and (max-width : 1920px) {
    .top-header-bg, .help{background:#ffffff;}   
    .container{padding-right:0;}
     .help::before{left:0%;display:none;}
}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 1280px) {
.top-header-bg{
background: #ffffff; 
}
    .help::before{left:-6.5%;display:block;}
    .help{background:#f3f9e9;}   
    .height-small-input{width:20%!important;}
    .weight-small-input{width:30%!important;}
    
}/*1280 end here*/

/* iPads (portrait) ----------- */
@media only screen and (max-width : 1024px) {
     .help::before{left:-10%;padding-left:73px;}
     .height-small-input{width:30%!important;}
    .weight-small-input{width:50%!important;}
    #myTab.nav-tabs > li > a{margin-right: 5px;}
	}/*1024 end here*/

@media only screen and (max-width : 980px) {
     .help::before{left:-6%;padding-left:0px;}
    .logo-slogan{font-size: 0.75em;}
    .user-name{padding-left:0;}
    .search-btn{padding:6px;}
    .horizontal-devider{border-right: 0;}
    .nav-tabs > li > a{padding-right: 20px;margin-right: 15px; font-size: 1.2em;}
	.nav-tabs > li:nth-child(3) > a{margin-right: 0px;}
    ul.edit-institution-tab-list > li:nth-child(3) > a{margin-right: 20px;}
    .dashboard-count{ margin-left: 5px;}
    #Schedule .table{max-width:130%;width:130%;}
    .height-small-input{width:40%!important;}
.weight-small-input{width:60%!important;}
table tr th:last-child, table tr td:last-child {width:30%;}
}/*980 end here*/

@media only screen and (max-width : 800px) {    
    .profile-pic{display:none;}
    /* .navbar-header{padding-top: 10px;}  */
    .logo-dark-blue, .logo-light-blue{font-size: 1.4em;}
     .logo-slogan{font-size: 0.6em;}
    .user-name{padding-left:10px;}
    .help::before{left:-3%;}
  .small-dropdownlist{width:90%;}
}/*800 end here*/

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 768px) {    
    /*.navbar-header{padding-top: 10px;}  */
    li.nav-logout{margin-right:0;}
    li.nav-logout a{margin-right:0;padding-right:0;}
    .help::before{left:-2%;}
    .search-btn{padding:7px 3px;font-size: 1.1em;}
    .small-dropdownlist{width:100%;}
}/*780 end here*/

 /* Checkbox List*/
 .state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}
 /*Checkbox List*/

 input[type=text]::-ms-clear {
            display: none;
        }

        input[type=password]::-ms-reveal {
            display: none;
        }

        .specific_input_class::-ms-clear {
            display: none;
        }

        #specific_input_element::-ms-clear {
            display: none;
        }

.edit-institution-tab{padding:15px;overflow:auto;} 

.BreastCancerAccordion .panel-heading.red { background:#ea5569; color:#FFFFFF;}
.BreastCancerAccordion .panel-heading.green { background:#22ae94; color:#FFFFFF;}
.BreastCancerAccordion .panel-heading.light-green { background:#d2ebe7; color:#333333 }

.ColorectalCancerRiskAccordion .panel-heading.red { background:#ea5569; color:#FFFFFF;}
.ColorectalCancerRiskAccordion .panel-heading.green { background:#22ae94; color:#FFFFFF;}
.ColorectalCancerRiskAccordion .panel-heading.light-green { background:#d2ebe7; color:#333333}

@media (max-height:2160px){
    .middle-content{height: 98%;}  
    #page-content-wrapper{height: 99%;}  
    .tab-content{height: 100%;}
    /*.tab-content > .tab-pane{height: 97%;}*/ 
    .edit-institution-tab{height:1850px;}
    /*.tab-outer-parent{max-height:600px;}*/
}

@media (max-height:1600px){
    /*.middle-content, .tab-content > .tab-pane{height: 97.2%;} 
    .tab-content > .tab-pane{height: 93%;}*/
    .edit-institution-tab{height:1300px;}
}

@media (max-height:1440px){
    .middle-content{height: 97%;} 
    /*.tab-content > .tab-pane{height: 91%;}*/ 
   .edit-institution-tab{height:1100px;}
}

@media (max-height:1200px){   
    .middle-content{height: 96.6%;} 
    /*.tab-content > .tab-pane{height: 87%;}*/ 
    .edit-institution-tab{height:900px;}
}

@media (max-height:1080px){   
    .middle-content{height: 96%;} 
    /*.tab-content > .tab-pane{height: 85%;}*/ 
   .edit-institution-tab{height:790px;}
}

@media (max-height:1024px){   
    .middle-content{height: 96%;} 
    /*.tab-content > .tab-pane{height: 85%;}*/ 
   .edit-institution-tab{height:740px;}
}

@media (max-height:900px){   
    /*.tab-content > .tab-pane{height: 81%;}*/ 
    .edit-institution-tab{height:670px;}
}

@media (max-height:820px){   
    .middle-content{height: 94%;} 
    /*.tab-content > .tab-pane{height: 77%;}*/ 
    .edit-institution-tab{height:560px;}
}

@media (max-height:768px){     
    /*.tab-content > .tab-pane{height: 72%;}*/ 
     .edit-institution-tab{height:430px;}
}

@media (max-height:640px){   
    .middle-content{height: 94%;} 
    /*.tab-content > .tab-pane{height: 68%;}*/ 
   .edit-institution-tab{height:330px;}
    #cancer-risk-factor{overflow:hidden;}
}

@media (max-height:600px){   
    .middle-content{height: 94%;} 
    /*.tab-content > .tab-pane{height: 63%;}*/ 
    .edit-institution-tab{height:300px;}
}

@media (max-width:1600px) {
    .patient-info > .details { margin-top:5px;}
    #div-riskclinic-patient-info.patient-info > .details { margin-top:2px;}
    .navbar-brand { width:190px;}
    /*.patient-info { display: inline-block; -webkit-width: calc(100% - 178px); -moz-width: calc(100% - 178px); -ms-width: calc(100% - 178px); -o-width: calc(100% - 178px); width: calc(100% - 178px);}*/
    .patient-info > .title h3 { font-size:21px;}
    .patient-info > .patient-name h4 { font-size:16px;}
    /*.patient-info > .details > span { margin:0;}*/
    .top-navbar.rc .patient-info { width:-webkit-calc(100% - 365px); width:-moz-calc(100% - 365px); width:-o-calc(100% - 365px); width:-ms-calc(100% - 365px); width:calc(100% - 365px);}
}

@media (max-width:1450px) {
    .patient-info { margin-top: 4px;}
    .top-navbar.rc .riskClinic button.text { padding-right:0;}
    .top-navbar.rc .patient-info { margin:0 0 0 6px; width:-webkit-calc(100% - 342px); width:-moz-calc(100% - 342px); width:-o-calc(100% - 342px); width:-ms-calc(100% - 342px); width:calc(100% - 342px);}
    /*#div-riskclinic-patient-info { margin: 4px 0 0; width:-webkit-calc(100% - 345px); width:-moz-calc(100% - 345px); width:-o-calc(100% - 345px); width:-ms-calc(100% - 345px); width:calc(100% - 345px);}*/
}

@media (max-width:1150px) {
    #tasks .modal-dialog { width: 950px;}
    .navbar-brand { width:180px;}
    .riskClinic button { font-size:16px;}
    .top-navbar.rc .patient-info { width:-webkit-calc(100% - 308px); width:-moz-calc(100% - 308px); width:-o-calc(100% - 308px); width:-ms-calc(100% - 308px); width:calc(100% - 308px); font-size:12px;}
    .top-navbar.rc .patient-info > .details > span { margin-right:5px;}
    #div-riskclinic-patient-info { margin:5px 0 0;}
    #div-riskclinic-patient-info.patient-info > .details { font-size:12px;}
}

/*Added by Ranjit*/
.graphHolder.common-chart {
display: block !important;
table-layout: inherit !important;}

.graphHolder.common-chart > div {display:block !important;}

.graphHolder.common-chart .graph-header {
font: 16px Arial,Helvetica,sans-serif;
color:rgb(142, 142, 142);
margin:3px 0;
text-align: center; }

.graphHolder.common-chart .graph-data { width: 100% !important;}

.graphHolder.common-chart .graph-data .tbl-header {
font-weight: bold;
 font-size: 14px;
margin: 10px 0;}

.graphHolder.common-chart .graph-data .table-responsive {
position: inherit !important;
height: 100% !important;
margin-bottom: 15px !important;}

/*For checkbox issue*/
#cutom-multiselect .btn-group .multiselect-container>li>a>label>input[type=checkbox] { width: inherit !important;}
#cutom-multiselect .btn-group .multiselect-container { width: inherit !important; }
#cutom-multiselect .btn-group { width: 100% }
#cutom-multiselect .btn-group .multiselect-container.dropdown-menu {
    min-width: 0px !important;
}

.imgDocTemplate{
    height: 380px;
    overflow-y: auto;
    overflow-x: scroll;
}

/*Used to hide validation messages for ms mvc validation helpers when model is in the valid state*/
.field-validation-valid {
    display: none;
}

.black-text {
    color: #000000 !important;
}

.no-underline:hover {
    text-decoration: none !important; /* no underline */
}

.vertical-align-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    float: none;
}

.vertical-align-helper-flex {
    display: flex;
    align-items: center;
}

.saml-login-button {
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .5em 1.75em .55em;
    border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    text-align:center
}

.modal-wide {
    width: 700px;
}

.modal-wide table {
    max-width: 670px;
    padding-right: 10px;
}

span.alert.field-validation-error {
    display: block;
}

.pawtbl {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.pawrow {
    display: table-row;
}

.pawcell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.tox.tox-tinymce {
    width: 100% !important;
}

/* Pedigree context menu custom style for jQuery contextMenu */
.context-menu-custom {
    font-size: 0.8em !important;
}

#GeneticTestingForm {
    height: 100%;
}

#GeneticTestingControl {
    overflow-y: auto;
    height: 100%;
}


.dropdown-width-fixed-200px {
    width: 200px;
    overflow: hidden;
}

.dropdown-width-fixed-200px > .caret {
    float: right;
    margin: 8px 0;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.width-67-5px {
    width: 67.5px;
}

.dropdown-narrow {
    max-width: 500px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: auto;
}

.geneticTestingRowForm {
    margin-top: 5px;
}

.genetic-testing-modal-scrollable-content {
    min-height: 300px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}


#geneticTestingRows {
    min-height: 1000px;
}

/*this is needed because elsewhere in this document the default behavior of tab-content is overloaded with overflow: auto which is maybe useful in some cases, but not all*/
.tab-content > .tab-pane.no-overflow {
    overflow: hidden !important;
}

.tab-pane#trf,.tab-pane#results{
    height: 575px;
    overflow: hidden;
}

div.row.row-highlight-danger {
    border-bottom-style: dashed;
    border-bottom-color: red;
}

form.row-highlight-danger {
    border-left-style: dashed;
    border-left-color: red;
}

/*genetic testing history*/
.list-group {
    margin-bottom: 0 !important;
}

.no-border {
    border: none;
}

.fillParent {
    width: 100%;
    height: 100%;
}

label.control-label.align-left {
    text-align: left !important
}

.myriad-info {
    background-color: yellow;
    margin-right: 10px;
    margin-left: 10px;
}

.ck-nolabelwrap > input[type="checkbox"] ~ label { 
    padding-left:1.4em;
    display:inline-block;
}

.ck-nolabelwrap > input[type="checkbox"] { 
    position: absolute;
}

/* this is a hack for removing selected entries from the select2 dropdown list */
.select2-results__option[aria-selected=true] {
    display: none;
}

#activeDirectoryConfigurationForm {
    position: relative;
    padding: 0px;
}

#domainLoginChoice {
    position: absolute;
    top: 3px;
    left: 0px;
}

@media (max-width: 992px) {
    .responsive-absolute {
        position: static !important;
    }
}

#partnerIdentityProviderQueueTableContainer .table-responsive,
#activeDirectoryDomainQueueTableContainer .table-responsive {
    margin-right: 15px;
}

#partnerIdentityProviderQueueTableContainer .table-responsive .table-builder tbody td,
#activeDirectoryDomainQueueTableContainer .table-responsive .table-builder tbody td {
    padding-left: 8px !important;
}

#LoginPageIdpFileAttach:disabled {
    cursor: not-allowed;
}

.img-trash-icon {
    font-size: 30px;
    color: #808080;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
}

#auth_tabs_container {
    position: relative;
}

#auth_tabs_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.5;
    z-index: 100;
    cursor: not-allowed;
    display: none;
    margin-top: 1px;
}

/* Style for field validation errors */
.field-validation-errors {
    color: red;
    font-size: 78%;
    padding: 2px 0; /* Combines padding-top and padding-bottom */
}

/* Remove list indicators and spacing for validation error lists */
.field-validation-errors > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Remove padding and margin for list items */
.field-validation-errors > ul > li {
    padding: 0;
    margin: 0;
}