﻿/*@charset "utf-8";*/
/* CSS Document */

@font-face {
    font-family: "Roboto";
    src: url('../Content/Roboto/Roboto-Medium.ttf') format("truetype")
}

body {
    font-family: "Roboto", sans-serif;
    padding-top: 0;
}

.h1, h1 {
    font-family: "Roboto", sans-serif;
}
.ui-widget {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.1em;
}

/* CSS Clearfix */
.clearfix:after {content: "."; display: none; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clr{margin:0 auto; padding:0; clear:both;}
/*END OF COMMON CODE*/

.loginboxst {
    padding: 25px 40px 40px 40px
}

.imagepathlogintext {
    font-size: 62px;
    font-weight: bold;
}

.mainBg /* background-image:url(../../Content/images/main-bg.jpg);   background-position: center;#E8E8E8*/ {
    background-color: white;
    /* background-image: url(../../Content/images/main-bg.png);
    background-position: center;*/
}
.loginBg {
    background-image: url(../../Content/images/main-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
}
.topstripimg {/*background-image:url(../../Content/images/login-top-banner2.jpg);background-position:center; background-repeat:no-repeat;*/background-color:#ffffff;/*height:106px;*/ display:block;text-align:center;}

/*navigation menu related classes
.bg-dark{background-color:#059f97 !important}
.navbar-dark .navbar-nav .nav-link{color:#ffffff;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

    color: rgba(255,255,255,.75);
	background-color: #067b75;}
.navbar{ padding: 2px 1rem;}*/

.navbar {  margin-bottom:0;
              border:none;
}

.clsFloatRight { float:right;
}

.navbar-inverse {
    /*    background-color: #024595;*/
    background-image: linear-gradient(#004393, #004393);
    /* background-image: linear-gradient(to right top, #2d68c1, #255fb6, #1c56ab, #114da0, #024595);*/
}

.navbar-inverse .navbar-nav > li > a{ color:#fff;
}
    .navbar-inverse .navbar-nav > li:hover {
        color: rgba(255,255,255,.75);
        background-color: darkblue;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: rgba(255,255,255,.75);
        background-color: #0F4FA2;
    }

.dropdown-menu > li > a:hover {
/*    background-color:darkblue;*/
    color:white;
}

#deletebtniconuser {
    float: none !important;
    font-size: 15px;
    display: flex;
    margin: auto;
    line-height: 1;
    color: #004393;
    opacity:1 !important;
}

.navbar-nav > li > a { padding:10px 15px;
}

/*.userloginTxt {
    color: #fff;
    line-height: 18px;
    display: block;
    padding: 0;
}*/
.titleTxtnew {
    display: block;
    background-image: linear-gradient(#1F63BD, #004393);
    border-bottom: 1px solid #4ab3af;
    color: #08322e;
    /*  margin: 0 0 10px 0; 
    padding: 9px 0 10px 2px;*/
    font-size: 15px;
    position: relative;
    display: inline-block;
    width: 100%;
}


.titleTxt {
    display: block;
    /* background-image: linear-gradient(#004393, #1F63BD); */
    background-image: linear-gradient(#1F63BD, #004393);
    /* border-bottom: 1px solid #4ab3af;*/
    border: 1px solid black;
    color: white;
    margin: 0 0 0 0;
    padding: 9px 0 7px 2px;
    font-size: 15px;
}

.panel-body {
    padding: 8px;
}

.titleTxt1 {
    display: block;
    border-bottom: 1px solid #B8CDEE;
    color: #08322e;
    margin: 0 0 10px 10px;
    padding: 9px 0 10px 2px;
    font-size: 15px;
}

.titleTxtSideBySide {
    display: block;
    background-color: #6ad9d3;
    border-bottom: 1px solid #4ab3af;
    color: #08322e;
    margin: 0 0 4px 0;
    padding: 0 0 0 0;
    font-size: 15px;
}
.groupheadertext {
    font-size: 14px;
    margin-top: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 5px;
    border-top: 1px solid lightgray;
    line-height: 20px;
}

.titleaccordian {
    display: block;
    background-color: #1F63BD;
    border-bottom: 1px solid #1F63BD;
    color: #fff;
    margin: 0 0 0 0;
    padding: 12px 0 12px 2px;
    font-size: 16px;
}

.content-accordian1 {
    display: block;
    background-color: #1F63BD;
    border-bottom: 1px solid #1F63BD;
    color: #fff;
    padding: 1px 0 0 1px;
    font-size: 18px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.content-accordian {
    margin: 0;
    padding: 0 0 0;
    display: block;
    border: 1px solid #1F63BD;
    background-color: #1F63BD;
    border-radius: 6px;
}
.content-bx {
    margin: 0;
    padding: 0 0 10px;
    display: block;
    border: 1px solid #1F63BD;
    background-color: #1F63BD;
    border-radius: 6px;
    min-height: 250px;
}

.content-bx1 {
    margin: 0;
    padding: 0 0 10px;
    display: block;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 20px;
    min-height: 250px;
}
.brdr-Bx {
    margin: 0; /*padding:42px 5px;*/
    display: block;
    border: 1px solid #8CACF4;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.59);
    -moz-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.59);
    box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.59);
}
.validation-message {
    color: red;
    font-size: 12px;
}
.contentadd-bx {
    margin: 0;
  /*  padding: 0 0 25px;*/
    display: block;
    border: 1px solid #8CACF4;
    background-color: #e8e8e8;
    border-radius: 4px;
}

.tablescroll {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    height: 60vh;
    padding: 0px 7px 0px 7px;
}

.contentpatientsearch-bx {
    margin: 0;
    display: block;
    border: 1px solid #8CACF4;
    background-color: #e8e8e8;
    border-radius: 6px;
}

.chart-bx {
    margin: 0;
    display: block;
    border: 1px solid #8CACF4;
    background-color: #e8e8e8;
    border-radius: 6px;
}
#formwidth {
    width: 70%;
}
.chbxst{
    margin-left:35px;
}
/*.chartitleTxt{ display:block; background-color: #6ad9d3; border-bottom: 1px solid #4ab3af; color: #08322e; margin: 0 0 0 0; padding: 12px 0 12px 12px; font-size: 19px;}*/
.pTxt {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    margin: 10px 0;
    padding: 0 20px;
}

.m-top10{margin-top: 10px;}
.m-bottom10{margin-bottom: 10px;}
.m-top15{margin-top: 15px;}
.m-bottom15{margin-bottom: 15px;}

ul.list-1{margin: 0; padding: 0 15px; width: 100%}
ul.list-1 li{list-style-type: none; font-size: 16px; line-height: 40px; border-bottom: dashed 1px #484848; color: #5a5a5a;}
ul.list-1 li a{list-style-type: none; font-size: 14px; line-height: 40px; color: #5a5a5a;}
img.listicon {float: right; margin: 5px 0;}
.homepst {
    width: 33%;
    margin-left: 0px;
}

ul.list-1 li a:hover{text-decoration: none;}
ul.list-1 li:last-child {border-bottom:none;}


ul.img-stats{margin: 0; padding: 0; width: 100%}
ul.img-stats li {
    list-style-type: none;
    font-size: 11px;
    line-height: 9px;
    border: dashed 1px #484848;
    color: #5a5a5a;
    border-radius: 6px;
    display: inline-block;
    padding: 5px 10px 0 10px;
    vertical-align: middle;
}



    ul.img-stats li:last-child {
        list-style-type: none;
    font-size: 11px;
    line-height: 9px;
    border: none;
    color: #5a5a5a;
    padding: 0 12px 0 12px;
    display: inline-block;
    
    
    }
ul.img-statsside{margin: 0; padding: 0; width: 100%}
ul.img-statsside li {
      list-style-type: none;
    font-size: 11px;
    line-height: 14px;
    border: dashed 1px #484848;
    color: #5a5a5a;
    border-radius: 6px;
    display: inline-block;
    padding: 5px 6px 0 6px;
    vertical-align: middle;
}



    ul.img-statsside li:last-child {
        list-style-type: none;
    font-size: 14px;
    line-height: 1px;
    border: none;
    color: #5a5a5a;
    padding: 0 2px 0 5px;
    display: inline-block;
    
    
    }
.disableAnalyzeBttn{
background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 ); color: #837f80; border: 1px solid #9a9899; border-radius: 6px; padding: 4px 12px; min-width: 80px; display: inline-block; text-align: center;
}

.anlysisbtn {
    padding: 4px 12px;
    min-width: 60px;
    display: inline-block;
    text-align: center;
    background: #5D90F3;
    background-image: linear-gradient(to right top, #2d68c1, #255fb6, #1c56ab, #114da0, #0E4FA2);
    color: #fff;
    border: 1px solid #9a9899;
    border-radius: 6px;
}
.disableBttn {
    /*background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 );
         color: #837f80;
    border: 1px solid #9a9899;
    border-radius: 6px;
    padding: 4px 12px;
    min-width: 80px;
    display: inline-block;
    text-align: center;
    */
    background: #00A8D1 !important;
    /*background-image: linear-gradient(to right top, #2d68c1, #255fb6, #1c56ab, #114da0, #0E4FA2);*/
/*    background-image: linear-gradient(to right, #0273FF 0%, #519FFF 50%, #0273FF 100%);*/
    color: #fff;
    border: 1px solid #9a9899;
    border-radius: 15px;
    padding: 4px 12px;
    min-width: 80px;
    display: inline-block;
    text-align: center;
}

    .disableBttn:hover, .disableBttn.active {
        /*background: rgba(212,233,247,1);
background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
             border: 1px solid #6591ae;
        border-radius: 6px;
        padding: 4px 12px;
        text-decoration: none;
        */
        background: #133C65;
        color: #fff;
        border: 1px solid #6591ae;
        border-radius: 15px;
        padding: 4px 12px;
        text-decoration: none;
    }

.sharpCrnrBttn{background-color: #c1e3fa; border-top: 1px solid #a2ceeb; border-right: 1px solid #a2ceeb; border-left: 1px solid #a2ceeb; border-bottom: 3px solid #72a9cf;padding: 4px 12px; min-width: 80px; color: #0d507d; display: inline-block; text-align: center;}
.sharpCrnrBttn:hover{background-color: #c1e3fa; border-top: 1px solid #a2ceeb; border-right: 1px solid #a2ceeb; border-left: 1px solid #a2ceeb; border-bottom: 3px solid #417597; text-decoration: none; color: #083859;}

.iconBttn{
background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 ); color: #837f80; border: 1px solid #9a9899; border-radius: 6px; padding: 4px 12px; display: inline-block; text-align: center;
}

.iconBttn:hover{

background: rgba(212,233,247,1);
background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
 color: #0c507f; border: 1px solid #6591ae; border-radius: 6px; padding: 4px 12px; text-decoration: none;
}

.iconBttn1 {
/*    background: #6AD9D3;*/
   /* background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 );
    color: #000000;
    border: 1px solid #9a9899;
    border-radius: 6px;*/
     padding: 4px 6px;
/*    display: inline-block;
    text-align: center;*/
}

.nav-pills > li + li {
    margin-left: -3px;
}

.iconBttn1:hover {
    background: rgba(212,233,247,1);
    background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
    background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
    color: #0c507f;
    border: 1px solid #6591ae;
    border-radius: 6px;
    padding: 4px 6px;
    text-decoration: none;
}

.ViewerIconSelected {
    background: rgba(212,233,247,1);
    background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
    background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
    color: #0c507f;
}

.iconPenBttn {
   
    /* background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 );
    color: #837f80;
   
    display: inline-block;
    text-align: center;
    /*margin-left:-4px;*/
}

    .iconPenBttn:hover {
       /* background: rgba(212,233,247,1);
        background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
        background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
        color: #0c507f;
      /*  border: 1px solid #6591ae;*/
        
       /* padding: 0 4px;*/
        text-decoration: none;
    }

ul.iconlist {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0;
    display: flex;
    float: left;
   /* background-image: linear-gradient(#1F63BD, #004393);*/
    color: white;
    border: 1px solid black;
}
ul.iconlist li{list-style-type: none; font-size: 16px; color: #5a5a5a; margin-bottom: 10px;}
    ul.iconlist li a {
        /*        list-style-type: none;
        font-size: 16px;
        color: #5a5a5a;
        padding: 4px 8px;
        display: inline-block;
        min-width: 31px;*/
/*        display: inline-block;*/
    }
/*ul.iconlist li a:hover{text-decoration: none; display: inline-block; padding: 3px 8px;}*/
  
ul.iconlist li:last-child {border-bottom:none;}

ul.iconlistside{margin: 0; padding: 3px; width: 30% ;height:0;    display: flex; float:left}
ul.iconlistside li{list-style-type: none; font-size: 16px; color: #5a5a5a; margin-bottom: 10px;line-height: 19px;padding: 3px 0px 0 2px;}
ul.iconlistside li a{list-style-type: none; font-size: 16px; color: #5a5a5a; padding: 3px 8px; display: inline-block; text-align: center; min-width: 38px;}
ul.iconlistside li a:hover{text-decoration: none; display: inline-block; padding: 3px 8px;}
ul.iconlistside li:last-child {border-bottom:none;}

.footerBg {
   
    background-color: #1F63BD;
    display: inline-block; /*display: block; margin-top: 10px;*/
    text-align: center; /*padding: 3px 0 position:fixed;*/
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footerContent{color:#fff; font-size: 13px; line-height: 28px; text-align: center;}

.loginpagetextstyle {
    font-size: 15px;
}

.loginpagetextstyle1 {
    margin-left: 210px;
}

.loginhead {
    color: #024595;
    font-size: 25px;
    line-height: 40px;
    display: block;
    font-weight: 100;
    text-align: left;
}

.navbarst {
    float: left;
    width: 80%;
    margin-top: 8px
}
.gray-head { color:#837f80; text-transform:uppercase; font-size:28px; line-height: 40px; display:block; font-weight:normal; text-align:center; background:none;}

/*.loginBttn {
    background-image: linear-gradient(#1F63BD, #004393);
    background: -moz-linear-gradient(top, rgba(99,167,84,1) 0%, rgba(99,167,84,1) 11%, rgba(72,132,58,1) 93%, rgba(72,132,58,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(99,167,84,1)), color-stop(11%, rgba(99,167,84,1)), color-stop(93%, rgba(72,132,58,1)), color-stop(100%, rgba(72,132,58,1)));
    background: -webkit-linear-gradient(top, rgba(99,167,84,1) 0%, rgba(99,167,84,1) 11%, rgba(72,132,58,1) 93%, rgba(72,132,58,1) 100%);
    background: -o-linear-gradient(top, rgba(99,167,84,1) 0%, rgba(99,167,84,1) 11%, rgba(72,132,58,1) 93%, rgba(72,132,58,1) 100%);
    background: -ms-linear-gradient(top, rgba(99,167,84,1) 0%, rgba(99,167,84,1) 11%, rgba(72,132,58,1) 93%, rgba(72,132,58,1) 100%);
    background: linear-gradient(to bottom, rgba(99,167,84,1) 0%, rgba(99,167,84,1) 11%, rgba(72,132,58,1) 93%, rgba(72,132,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a754', endColorstr='#48843a', GradientType=0 );
    color: #ffffff;
    border: 1px solid #1c540d;
    border-radius: 6px;
    padding: 4px 12px;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    display: block;
    width: 100%;
}*/

#faRemoveSlide:hover{
    background:none;
    border:none;
}

#faViewSlide:hover {
    background: none;
    border: none;
}

/*.loginBttn {
    display: inline-block;
    min-width: 80px;
    margin-bottom: 10px;
    font-size: 16px;
    border-radius: 10px;
    background-image: linear-gradient(#004393, #1F63BD);
    text-align: center;
    font-family: Branding medium;
    text-decoration: none;
    color: white;
    height: 35px;
    cursor: pointer;
    border: 1px solid gray;
}*/
.forgotpwstyle1 {
    margin-left: 20px;
}
.subforgotpwstyle {
    float: left;
    margin-right:90px;
}
.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

#loginimgstyle {
    width: 100%;
    height: 100vh;
}
.chst {
    margin-left: 20px;
}
#loginmaindivstyle {
    margin: 60px 50px 0px 50px;
}

.h-custom {
    height: calc(100% - 73px);
}
#createCasediv {
    margin-left: 55px;
}

.colst {
    float: left;
    width: 25%;
}

.colst1 {
    text-align: left !important;
    padding-left: 0;
}
#remebermecheckbox {
    float: right;
    margin-right: 110px;
    margin-top: 12px;
}

.forgotpwstyle {
    font-size: 15px;
    font-weight: bold;
    color: #004393;
    margin-left: 40px;
}

.fontstyle1 {
    font-family: "Roboto", sans-serif;
}

.fontstyle {
    font-family: "Roboto", sans-serif;
}

.admindashboard{
    margin-left:1px;
}
@media only screen and (max-width: 1199px) {
    .forgotpwstyle {
        font-size: 14px;
        margin-left: 16px;
        margin-top: 6px !important;
        display: inline-block;
    }

    .subforgotpwstyle {
        float: left;
        margin-right: 35px;
    }
    .hmpage-top-space {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 1199px) {
   #t{
        width: 30% !important;
        margin-left: 8px;
    }
}

@media only screen and (max-width: 991px) {
    .colst1 {
        text-align: left;
        padding-left: inherit;
    }
    .footerContent {
        font-size: 12px;
    }
    .colst {
        float: none;
        width: auto !important;
    }
    
    .tablescroll {
        overflow-x: auto !important;
        overflow-y: auto;
    }
    .thumbst {
        height: 70px !important;
    }
     #loginimgstyle {
          width: 100%;
          height: 100vh;
     }

     #loginmaindivstyle {
        margin: 60px 0px 0px 0px;
     }

    #loginimgstyle {
        width: 100%;
        height: auto;
    }

    .imagepathlogintext {
        font-size: 42px;
        font-weight: bold;
    }
    .forgotpwstyle1 {
        margin-left:20px;
    }
    .grytxt1 {
        display: none !important;
    }

    .homepst {
        width: 32%;
        margin-left: 8px;
    }
    .navbarst {
        float: right;
        width: auto;
        margin-top: 8px
    }
}

@media only screen and (max-width: 767px) {
    .footerContent {
        font-size: 10px;
    }
    .dataTables_filter label input[type=search] {
        margin-left: 0px !important;
    }
    #loginimgstyle {
        width: 100%;
        height: 50vh;
    }

    #formwidth {
        width: 85%;
    }

    .loginhead {
       font-size: 25px;
    }

    .loginboxst {
        padding: 10px 2px 54px 2px;
    }
    
    #loginmaindivstyle {
       /* margin: 60px 0px 0px 0px; */
       justify-content: center;
       display: grid;
       margin-top: 60px;
    }

    .hmpage-top-space {
        margin-top: 18px;
        margin-left: 90px;
    }

    .main-sidebar {
        width: 15% !important;
    }

    .homepst {
        width: 60%;
        margin-left: 8px;
    }

    #createCasediv {
        margin-left: 50px;
    }

    .grytxt1{
        display:none !important;
    }

    .ttlfonts {
        font-size:9px !important;
    }

    .thumbst{
        height:70px !important;
    }

    .chst{
        margin-left:0px !important;
    }
    .lmenustt {
        display: none;
    }
}
@media only screen and (max-width: 675px) {
    .serchbtnst{
        width:135px;
    }
    .disableBttn {
        padding: 4px 5px;
        min-width: 65px;
    }

    .footerContent {
        font-size: 6px;
    }
    .frmst{
        overflow-y:scroll;
        height:62vh;
    }
    .colst {
        float: none;
        width: auto !important;
    }
    .frmst1 {
        overflow-y: scroll;
        height: 50vh;
    }
    .dataTables_filter label input[type=search] {
        margin-left: -10px !important;
    }
    .lmenust {
        display:none;
    }
    #createCasediv {
        margin-left: 15px;
    }
    #loginimgstyle {
        width: 100%;
        height: 35vh;
    }
    .loginboxst {
        padding: 1px 2px 54px 2px;
    }

    #loginmaindivstyle {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 575px) {
    .main-sidebar {
        width: 15% !important;
    }

    .homepst {
        width: 100%;
        margin-left: -50px;
    }

    .thumbst {
        height: 50px !important;
    }

    .tissue-Name {
        font-size: 7px !important;
        margin-left: 4px !important;
    }
}

@media only screen and (min-device-width: 280px) and (max-device-width: 912px) and (orientation:portrait) {
    #loginimgstyle {
        width: 100%;
        height: auto;
    }

    #loginmaindivstyle {
        margin: 60px 0px 0px 0px;
    }

    .imagepathlogintext {
        font-size: 50px;
        font-weight: bold;
    }
}

@media only screen and (min-device-width: 540px) and (max-device-width: 912px) and (orientation:portrait) {
    #loginimgstyle {
        width: 100%;
        height: 100vh;
    }

    #loginmaindivstyle {
        margin: 60px 0px 0px 0px;
    }
}



@media (min-width: 992px) and (max-width: 1232px) {
    #loginimgstyle {
        width: 100%;
        height: 100vh;
    }

    #remebermecheckbox {
        margin-right: 50px;
    }

    .loginpagetextstyle1 {
        margin-left: 152px;
    }

    .forgotpwstyle {
        font-size: 15px;
        margin-left: 16px;
    }

    #loginmaindivstyle {
        margin: 60px 0px 0px 0px;
    }
}


@media (min-width: 280px) and (max-width: 540px) {
    .loginhead {
        color: #024595;
        font-size: 25px;
        line-height: 40px;
        display: block;
        font-weight: 100;
        text-align: left;
        margin-left:40px;
    }

    .forgotpwstyle1{
        margin-top:74px;
    }

    .loginpagetextstyle1 {
        margin-left: 172px;
    }

    .forgotpwstyle {
        font-size: 15px;
        margin-left: -60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #loginimgstyle {
        width: 100%;
        height: 100vh;
    }

    #loginmaindivstyle {
        margin: 60px 25px 0px 25px;
    }

    #remebermecheckbox {
        margin-right: -30px;
    }

    .loginpagetextstyle1 {
        margin-left: 90px;
    }

    .forgotpwstyle {
        font-size: 15px;
        margin-left: -11px;
    }
    .admindashboard {
        margin-left: 0px;
    }
    .loginboxst {
            padding: 25px 1px 40px 1px;
        }

        #formwidth {
            width: 85%;
        }
}

@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}

@media (max-width: 375px) {
    #remebermecheckbox {
        margin-right: 80px;
    }
}

@media (width: 540px) {
    .loginpagetextstyle1 {
        margin-left: 277px;
    }

    #remebermecheckbox {
        float: right;
        margin-right: 195px;
        margin-top: 12px;
    }

    .forgotpwstyle {
        font-size: 15px;
        margin-left: 0px;
    }
}




    /*.loginBttn:hover{
background: rgba(65,140,48,1);
background: -moz-linear-gradient(top, rgba(65,140,48,1) 0%, rgba(65,140,48,1) 11%, rgba(35,84,23,1) 93%, rgba(35,84,23,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,140,48,1)), color-stop(11%, rgba(65,140,48,1)), color-stop(93%, rgba(35,84,23,1)), color-stop(100%, rgba(35,84,23,1)));
background: -webkit-linear-gradient(top, rgba(65,140,48,1) 0%, rgba(65,140,48,1) 11%, rgba(35,84,23,1) 93%, rgba(35,84,23,1) 100%);
background: -o-linear-gradient(top, rgba(65,140,48,1) 0%, rgba(65,140,48,1) 11%, rgba(35,84,23,1) 93%, rgba(35,84,23,1) 100%);
background: -ms-linear-gradient(top, rgba(65,140,48,1) 0%, rgba(65,140,48,1) 11%, rgba(35,84,23,1) 93%, rgba(35,84,23,1) 100%);
background: linear-gradient(to bottom, rgba(65,140,48,1) 0%, rgba(65,140,48,1) 11%, rgba(35,84,23,1) 93%, rgba(35,84,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418c30', endColorstr='#235417', GradientType=0 );
color: #ffffff; border: 1px solid #0c2704; border-radius: 6px; padding: 4px 12px; text-decoration: none; font-size: 16px; text-align: center; line-height: 32px; text-decoration: none; display:block; width:100%; 
}*/
    .contactBttn {
        background: rgba(3,204,194,1);
        background: -moz-linear-gradient(top, rgba(3,204,194,1) 0%, rgba(3,204,194,1) 3%, rgba(6,129,125,1) 98%, rgba(6,129,125,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,204,194,1)), color-stop(3%, rgba(3,204,194,1)), color-stop(98%, rgba(6,129,125,1)), color-stop(100%, rgba(6,129,125,1)));
        background: -webkit-linear-gradient(top, rgba(3,204,194,1) 0%, rgba(3,204,194,1) 3%, rgba(6,129,125,1) 98%, rgba(6,129,125,1) 100%);
        background: -o-linear-gradient(top, rgba(3,204,194,1) 0%, rgba(3,204,194,1) 3%, rgba(6,129,125,1) 98%, rgba(6,129,125,1) 100%);
        background: -ms-linear-gradient(top, rgba(3,204,194,1) 0%, rgba(3,204,194,1) 3%, rgba(6,129,125,1) 98%, rgba(6,129,125,1) 100%);
        background: linear-gradient(to bottom, rgba(3,204,194,1) 0%, rgba(3,204,194,1) 3%, rgba(6,129,125,1) 98%, rgba(6,129,125,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ccc2', endColorstr='#06817d', GradientType=0 );
        color: #ffffff;
        border: 1px solid #08645f;
        border-radius: 6px;
        padding: 4px 12px;
        text-decoration: none;
        display: block;
        font-size: 16px;
        text-align: center;
        line-height: 32px;
        width: 100%;
    }

        .contactBttn:hover {
            background: rgba(23,186,175,1);
            background: -moz-linear-gradient(top, rgba(23,186,175,1) 0%, rgba(23,186,175,1) 3%, rgba(3,74,72,1) 98%, rgba(3,74,72,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(23,186,175,1)), color-stop(3%, rgba(23,186,175,1)), color-stop(98%, rgba(3,74,72,1)), color-stop(100%, rgba(3,74,72,1)));
            background: -webkit-linear-gradient(top, rgba(23,186,175,1) 0%, rgba(23,186,175,1) 3%, rgba(3,74,72,1) 98%, rgba(3,74,72,1) 100%);
            background: -o-linear-gradient(top, rgba(23,186,175,1) 0%, rgba(23,186,175,1) 3%, rgba(3,74,72,1) 98%, rgba(3,74,72,1) 100%);
            background: -ms-linear-gradient(top, rgba(23,186,175,1) 0%, rgba(23,186,175,1) 3%, rgba(3,74,72,1) 98%, rgba(3,74,72,1) 100%);
            background: linear-gradient(to bottom, rgba(23,186,175,1) 0%, rgba(23,186,175,1) 3%, rgba(3,74,72,1) 98%, rgba(3,74,72,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17baaf', endColorstr='#034a48', GradientType=0 );
            color: #ffffff;
            border: 1px solid #033734;
            border-radius: 6px;
            padding: 4px 12px;
            text-decoration: none;
            display: block;
            font-size: 16px;
            text-align: center;
            line-height: 32px;
            text-decoration: none;
            width: 100%;
        }

    span.notification-count {
        display: inline-block;
        width: 25px;
        background-color: #0F4FA2;
        padding: 11px 0;
        float: right;
        height: 25px;
        /* clear: both; */
        line-height: 5px;
        margin: 7px 12px 0 0;
        text-align: center;
        border-radius: 50%;
        color: #ffffff;
        font-size: 13px;
    }

    .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: #fafafa;
    }

.table-bordered thead th {
    border-bottom-width: 2px;
    /*  background-color: #70bfbb;*/
    background-image: linear-gradient(#004393, #1F63BD);
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

.table-bordered td a, .table-bordered th a {
    color: #004393;
}

    .table-bordered td {
        font-size: 13px;
    }

    .even {
        background-color: #fff;
    }

table.table thead .sorting {
    background: url(../images/sort_both.png) no-repeat center right #1F63BD;
}

table.table thead .sorting_desc {
    background: url(../images/sort_desc.png) no-repeat center right #1F63BD;
/*    background-image: linear-gradient(#1F63BD, #004393);*/
}

    table.table thead .sorting_asc {
        background: url(../images/sort_asc.png) no-repeat center right #70bfbb;
    }

    .table td, .table th { /*padding: .75rem;*/
        padding: 2px;
        vertical-align: middle;
        border-top: 1px solid #dee2e6;
    }

    .form-inline {
        display: contents !important;
    }

    .whiteBg {
        background-color: #ffffff;
        margin: 0px 14px;
        padding: 15px;
    }

    .whitepdfBg {
        background-color: #ffffff;
        padding: 15px;
    }

    .tabBttn {
        background: #0F4FA2; /*rgba(5,140,110,1);*/
        /* background: -moz-linear-gradient(top, rgba(50,230,50,1) 0%, rgba(194,190,189,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,230,50,1)), color-stop(100%, rgba(194,190,189,1)));
    background: -webkit-linear-gradient(top, rgba(50,230,50,1) 0%, rgba(194,190,189,1) 100%);
    background: -o-linear-gradient(top, rgba(50,230,50,1) 0%, rgba(194,190,189,1) 100%);
    background: -ms-linear-gradient(top, rgba(50,230,50,1) 0%, rgba(194,190,189,1) 100%);
    background: linear-gradient(to bottom, rgba(50,230,50,1) 0%, rgba(194,190,189,1) 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 );
        color: #fff;
        border-right: 1px solid #9a9899;
        border-radius: 0 !important;
        padding: 3px 10px;
        min-width: 80px;
        display: inline-block;
        text-align: center;
        font-size: 13px;
        /* margin-right: 5px;*/
    }

        .tabBttn.disabled {
            cursor: not-allowed;
            pointer-events: none;
            opacity: .65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .tabBttn:hover {
            background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
            color: #0c507f;
            border-right: 1px solid #6591ae;
            border-radius: 0 !important;
            padding: 3px 10px;
            min-width: 80px;
            display: inline-block;
            text-align: center;
            font-size: 13px;
            /*  margin-right: 5px;*/
            text-decoration: none;
        }

    .confBttn {
        background: rgba(250,250,250,1);
        background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
        background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 );
        color: #837f80;
        border: 1px solid #9a9899;
        border-radius: 4px;
        padding: 3px 4px;
        min-width: 80px;
        display: inline-block;
        text-align: center;
        font-size: 13px;
        margin-right: 5px;
    }

        .confBttn:hover {
            background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
            color: #0c507f;
            border: 1px solid #6591ae;
            border-radius: 4px;
            padding: 3px 4px;
            min-width: 80px;
            display: inline-block;
            text-align: center;
            font-size: 13px;
            margin-right: 5px;
            text-decoration: none;
        }

    select.form-control:not([size]):not([multiple]) {
        /*height: calc(1.75rem + 2px);*/
        margin-right: 8px;
        font-size: 13px;
    }


    div.dataTables_length label {
        font-weight: normal;
        float: left;
        text-align: left;
        font-size: 13px;
    }

    div.dataTables_filter label {
        font-weight: normal;
        float: right;
        font-size: 13px;
    }

    .form-control {
        height: 30px;
    }

    .chat-btn {
        display: inline-block;
        font-weight: 400;
        /* text-align: center; */
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        /* padding: .375rem .75rem; 
    font-size: 1rem;*/
        font-size: 14px;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        float: left;
    }

    table.table thead .sorting_desc th {
        width: unset !important;
    }

    .table td, .table th {
        padding: 8px 3px;
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px
    }

        .pagination > li {
            display: inline
        }

            .pagination > li > a, .pagination > li > span {
                position: relative;
                float: left;
                padding: 2px 6px;
                line-height: 1.42857143;
                text-decoration: none;
                color: #2fa4e7;
                background-color: #fff;
                border: 1px solid #ddd;
                margin-left: -1px;
                font-size: 13px;
            }

            .pagination > li:first-child > a,
            .pagination > li:first-child > span {
                margin-left: 0;
                border-bottom-left-radius: 4px;
                border-top-left-radius: 4px
            }

            .pagination > li:last-child > a,
            .pagination > li:last-child > span {
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px
            }

            .pagination > li > a:hover,
            .pagination > li > span:hover,
            .pagination > li > a:focus,
            .pagination > li > span:focus {
                color: #157ab5;
                background-color: #eee;
                border-color: #ddd
            }

        .pagination > .active > a,
        .pagination > .active > span,
        .pagination > .active > a:hover,
        .pagination > .active > span:hover,
        .pagination > .active > a:focus,
        .pagination > .active > span:focus {
            z-index: 0;
            color: #999;
            background-color: #f5f5f5;
            border-color: #ddd;
            cursor: default
        }

        .pagination > .disabled > span,
        .pagination > .disabled > span:hover,
        .pagination > .disabled > span:focus,
        .pagination > .disabled > a,
        .pagination > .disabled > a:hover,
        .pagination > .disabled > a:focus {
            color: #999;
            background-color: #fff;
            border-color: #ddd;
            cursor: not-allowed
        }

    .pagination-lg > li > a,
    .pagination-lg > li > span {
        padding: 14px 16px;
        font-size: 18px
    }

    .pagination-lg > li:first-child > a,
    .pagination-lg > li:first-child > span {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px
    }

    .pagination-lg > li:last-child > a,
    .pagination-lg > li:last-child > span {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px
    }

    .pagination-sm > li > a,
    .pagination-sm > li > span {
        padding: 5px 10px;
        font-size: 12px
    }

    .pagination-sm > li:first-child > a,
    .pagination-sm > li:first-child > span {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .pagination-sm > li:last-child > a,
    .pagination-sm > li:last-child > span {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .table td:first-child, .table th:first-child {
        width: 70px;
    }

    .wdth90 {
        width: 90px;
    }

    div.dataTables_info {
        padding-top: 8px;
        font-size: 13px;
        COLOR: #787887;
    }

    .stats-container {
        display: inline-block;
        width: 25%;
        /*float: right;
margin: 0 0 5px 0;*/ margin: 0 0 5px 5px; /*margin:0 0 5px 88px;*/
        position: relative;
        z-index: 4;
        top: 0;
    }

    .stats-container1 {
        display: inline-block;
        width: 50%;
        /*float: right;
margin: 0 0 5px 0;*/ margin: 0 0 5px 0px; /*margin:0 0 5px 88px;*/
        position: relative;
        z-index: 4;
        top: 5px;
        float: right;
    }

    .whiteBg-2 {
        background-color: #fff;
        margin: 0;
        padding: 0px 8px 0px 3px;
    }

    .whiteBg-3 {
        background-color: #fff;
        margin: 0;
        padding: 8px 0;
        display: flex;
    }

    .whiteErrorText {
        color: #fff;
    }

    .no-padding {
        padding: 5px !important;
    }

    .closeBttn {
        background: rgba(250,250,250,1);
        background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
        background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 );
        color: #837f80;
        border: 1px solid #9a9899;
        border-radius: 6px;
        padding: 0px 12px 0 12px;
        display: inline-block;
        text-align: center;
        line-height: 27px;
        vertical-align: middle;
    }

        .closeBttn:hover {
            background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
            color: #0c507f;
            border: 1px solid #6591ae;
            border-radius: 6px;
            padding: 0px 12px 0 12px;
            text-decoration: none;
            vertical-align: middle;
        }


.roundBttn {
    background: #1F63BD;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
    /* color: #0c507f; */
    border: 1px solid #6591ae;
    border-radius: 6px;
    padding: 0 5px;
    text-decoration: none;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    /* border-radius: 50%;*/
    margin: 2px 1px;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    color: #fff;
}

    .roundBttn1 {
        background: rgba(212,233,247,1);
        background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
        background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        /* color: #0c507f; */
        border: 1px solid #6591ae;
        border-radius: 6px;
        padding: 0 5px;
        text-decoration: none;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        margin: 2px 5px;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #0c507f;
    }

    .imgCount {
        padding: 2px 5px;
        color: #0c507f;
    }

    .tissue-Name {
        font-size: 12px;
        color: #000;
        line-height: 18px;
        display: inline-block;
        margin-left: 8px;
    }

    .tissue-chk-box {
        margin-left: 0;
        display: inline-block;
        /* margin-top: 4px; */
        margin-top: 0 !important;
    }

.hrsts {
    border: 0;
    height: 1px;
    background-color: white;
    margin: 25px 10px -15px 0px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
    .smallTitleTxt {
        font-size: 13px;
        font-weight: 300;
        text-align: left;
        line-height: 0px;
        display: block;
        padding-bottom: 3px;
    }


    textarea.form-control {
        min-height: 80px;
    }

    .tab-content-1 {
        border: 1px solid #d9d9d9;
        margin: 5px 5px;
    }

        .tab-content-1 > .tab-pane {
            display: none;
        }

        .tab-content-1 > .active {
            display: block;
        }

    .subnav .nav li a {
        padding: 3px 3px;
        line-height: 16px;
    }

    .subnav ul.nav {
        margin: 2px 1px;
    }

        .subnav ul.nav li.active a {
            /*    color: #0c507f;*/
            color: white;
            background: #133C65;
            /* background: rgb(131 178 209);*/
            /*  background-image: linear-gradient(#1F63BD, #004393);*/
            /* background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );*/
        }

.subnav .nav li a .tabBttn:active {
    /*    color: #0c507f;*/
    color: white;
    background-image: linear-gradient(#1F63BD, #004393);
    /* background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );*/
}


    .subnav1 .nav li a {
        padding: 3px 3px;
        line-height: 20px;
    }

    .subnav1 ul.nav {
        margin: 2px 4px;
    }

        .subnav1 ul.nav li.active a {
            /*    color: #0c507f;*/
            color: white;
            background-color: #337ab7;
            /*   background-image: linear-gradient(#1F63BD, #004393);*/
            /* background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );*/
        }

.subnav1 .nav li a .tabBttn:active {
    /*    color: #0c507f;*/
    color: white;
    background-image: linear-gradient(#1F63BD, #004393);
    /* background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );*/
}

    .roi-Bttns {
       /* background: #6AD9D3;
         background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(194,190,189,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(194,190,189,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c2bebd', GradientType=0 );
        color: #0c507f;
        border: 1px solid #6591ae;
        border-radius: 6px;*/
        padding: 2px 9px;
        text-decoration: none;
    }

        .roi-Bttns:hover {
            background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
            color: #0c507f;
            border: 1px solid #6591ae;
            border-radius: 6px;
            padding: 2px 9px;
            text-decoration: none;
        }


.slidetabBttn {
    background-image: linear-gradient(#1F63BD, #004393);
    color: #fff; /*#837f80;*/
    border: 1px solid #9a9899;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 3px 10px;
    min-width: 40px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
}

        .slidetabBttn:hover {
            background: rgba(212,233,247,1);
            background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
            background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
            color: #fff;
            border: 1px solid #6591ae;
            border-top-right-radius: 10px !important;
            border-top-left-radius: 10px !important;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            padding: 3px 10px;
            min-width: 40px;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            margin-right: 5px;
            text-decoration: none;
        }

        .slidetabBttn.disabled {
            color: #fff;
        }

.slidetabBttn1 {
    background-image: linear-gradient(#1F63BD, #004393);
    color: #fff; /*#837f80;*/
    border: 1px solid #fff;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    padding: 3px 10px;
    min-width: 40px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    margin-right: 5px;
}

    .slidetabBttn1:hover {
        background: rgba(212,233,247,1);
        background: -moz-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,233,247,1)), color-stop(14%, rgba(212,233,247,1)), color-stop(83%, rgba(142,192,225,1)), color-stop(100%, rgba(142,192,225,1)));
        background: -webkit-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -o-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: -ms-linear-gradient(top, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        background: linear-gradient(to bottom, rgba(212,233,247,1) 0%, rgba(212,233,247,1) 14%, rgba(142,192,225,1) 83%, rgba(142,192,225,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9f7', endColorstr='#8ec0e1', GradientType=0 );
        color: #fff;
        border: 1px solid #fff;
        border-top-right-radius: 4px !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 3px 10px;
        min-width: 40px;
        display: inline-block;
        text-align: center;
        font-size: 12px;
        margin-right: 5px;
        text-decoration: none;
    }

    .slidetabBttn1.disabled {
        color: #fff;
    }

   /* .redTxt {
        color: #FF0000;
    }*/

    .greyTxt {
        color: #fff;
    }

    .importthumbblock {
        margin-bottom: 2px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        border: 1px solid #ddd;
        margin-top: 8px;
        border-radius: 4px;
        padding: 4px 0;
    }

    .SideBySidethumbblock {
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 4px 0;
    }

    .popupBx {
        /*display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -80px;
    height: 100%;
    overflow-y:unset;
    width: 100%;*/

        width: 300px;
        margin-left: 45%;
        margin-top: 30%;
    }




    .word-wrapdot {
        margin-bottom: 2px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .importthum-li {
        display: inline-block;
        /*float: left;*/
        width: 11%;
        list-style-type: none;
        text-align: center;
        border: 1px solid #ddd;
        margin: 10px 5px;
        border-radius: 11px;
        background: #fff;
        padding: 10px;
        -webkit-box-shadow: 9px 10px 13px -5px rgba(0,0,0,0.5);
        -moz-box-shadow: 9px 10px 13px -5px rgba(0,0,0,0.5);
        box-shadow: 9px 10px 13px -5px rgba(0,0,0,0.5);
    }

    .docthum-li {
        display: block;
        /* float: left; */
        /* width: 70%; */
        list-style-type: none;
        text-align: center;
        border: 1px solid #ddd;
        margin: 10px auto;
        border-radius: 11px;
        background: #fff;
        padding: 10px 0;
        -webkit-box-shadow: 9px 10px 13px -5px rgba(0,0,0,0.5);
        -moz-box-shadow: 9px 10px 13px -5px rgba(0,0,0,0.5);
        box-shadow: 9px 10px 13px -5px rgba(0,0,0,0.5);
    }

    .docthum-ul {
        margin: 0;
        padding: 0 30px;
    }

    .docimg {
        width: 35%;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

    .btnanalyze {
        float: left;
        z-index: 8;
        position: absolute;
        /*position: relative;*/
        /*display: contents;*/
    }

    a[disabled="disabled"] {
        pointer-events: none;
    }
    /*.detailstextbox{
    margin-bottom:5px;margin-top:10px;
}*/

    button.close {
        padding: 10px 10px 0 0;
    }

.id-titleRpt {
    font-size: 15px;
    /* color: #545454; */
   /* border-left: 7px solid;*/
    /* border-color: #D9EDD9; */
    display: block;
    /* border-bottom: 1px solid #D9EDF7; */
    padding-bottom: 7px;
    /* line-height: 23px; */
    padding-top: 7px;
    padding-left: 6px;
    margin-top: 0;
   /* font-family: auto;*/
    /*font-weight: 900;*/
}

    .id-titleRpt1 {
        font-size: 12px;
        color: #545454;
        border-left: 7px solid;
        border-color: #D9EDD9;
        display: block;
        border-bottom: 1px solid #D9EDF7;
        padding-bottom: 7px;
        /* line-height: 23px; */
        padding-top: 7px;
        padding-left: 6px;
        margin-top: 0;
    }

    .margBottom-0 {
        margin-bottom: 0;
    }

    .barCodeimg {
        height: 47px;
        width: 100%;
    }

.pdfRepoDate {
    margin-top: 6px;
    display: block;
   /* color: #0859A3;*/
    font-size: 15px;
}

    .barcodeBx {
        font-size: 12px;
        padding: 4px;
        text-align: center;
    }

    .clinicianTxt {
        display: block;
        margin-bottom: 4px;
    }

    .nominclature {
        display: inline-block;
        min-width: 80px;
    }

    .drawcursor {
        cursor: url(../../Content/images/icons/pen.png),auto;
    }

    /*.roi-span {
        display: block;
        width: 100%;
        vertical-align: middle;
        font-weight:600;
    }
*/
.roi-img {
    width: 110px;
    height: 110px;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
    vertical-align: top;
}

    ul.roiList {
        margin: 0;
        padding: 0;
    }

        /*ul.roiList li {
            display: inline-block;
            float: left;
            width: 25%;
            list-style-type: none;
            padding-bottom: 10px;
        }*/

    .rpt-img {
        width: 95%;
    }

    .rpt-slide-div {
        padding-left: 0;
        padding-right: 0;
        width: 20%;
        position: relative;
        float: left;
    }

    .rpt-roi-div {
        padding-left: 0;
        padding-right: 0;
        width: 80%;
        position: relative;
        float: left;
    }

    /*.rpt-roi-img {
        padding-left: 0;
        padding-right: 0;
        width: 50%;*/
        /* position: relative; */
        /*float: left;
        display: inline-block;
    }*/

.rpt-roi-img-text {
    padding-right: 0;
    padding-left: 0;
    /* position: relative; */
    float: left;
    width: 50%;
    display: inline-block;
    font-size: 13px;
    padding-bottom: 4px;
}

    .rpt-roi-result {
        font-size: 13px;
    }

    #divshare .select-sharebox {
        margin-right: 0 !important;
    }

    .select-sharebox {
        width: 48%;
        display: inline-block;
        /* padding: unset; */
        margin-right: 0;
        float: right;
    }

    .select-shareLabel {
        display: inline-block;
        float: left;
        line-height: 34px;
        font-weight: bold;
    }

.select-AnalysisLabel {
    float: left;
    width: 65%;
    font-size: 13px;
    margin-left:3px;
    line-height:4px;
}

    .check-sharebox {
        float: right;
        display: inline-block;
        margin-top: 8px !important;
    }

    .margRight-0, .margRight-0:hover {
        margin-right: 0;
    }


    .dataTables_filter label input[type=search] {
        margin-left: 11px;
    }

    .report-Pdf-Icon {
        background-color: #FFF;
        color: #FF2116;
        padding: 4px;
        border-radius: 3px;
        font-size: 14px;
       /* border-color: #FF2116;
        border: 1px solid;*/
        font-weight: 300;
    }
    /*@media(min-width:768px) {


     ul.iconlist li { margin-bottom:10px;
    }
    ul.iconlist li a, ul.iconlist li a:hover {
    
    padding: 3px 8px;
   
}
}*/

    .login-box {
        text-align: -webkit-center;
        width: 450px;
        height: 400px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -178px 0 0 -220px;
    }

    .chartitleTxt {
       /* display: block;
        background-color: #6ad9d3;
        border-bottom: 1px solid #4ab3af;*/
        color: #fff;
        margin: 0 0 0 0;
       /* padding: 6px 0 6px 12px;*/
        font-size: 14px;
        font-weight: 600;
    }

.chat-message-box {
    height: 13vh;
    overflow-y: scroll;
    background-color: #fff;
    margin: 6px;
    border-radius: 8px;
}

    .chat-send-txt {
        margin-left: 6px;
        margin-right: 6px;
        display: inherit;
        margin-bottom: 6px;
    }

    .required:after {
        content: " *";
        font-weight: bold;
        color: red;
    }

    .select-box {
        height: 30px;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        width: 45px;
    }

    /*.input-group .form-control .first-bx{
    display: inline-block !important;
width: 99px !important;
}*/


    .firstName-bx {
        display: inline-block !important;
        width: 70% !important;
        margin-left: 5%;
    }

.slideThumbBx {
    /*max-width: 32%;*/
    max-width: 100%;
    display: inline-block;
    /*margin: 0 3px 5px 5px;*/
    margin: 0 1px 1px 1px;
    padding: 0;
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-left: 2px solid #ddd;
    /* border-bottom: 5px solid #6ad9d3;*/
}

    .Select-ThumbBx {
        background-color: #fff;
        -webkit-box-shadow: 0px 15px 18px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 15px 18px -10px rgba(0,0,0,0.75);
        box-shadow: 0px 15px 18px -10px rgba(0,0,0,0.75);
        padding: 10px;
        z-index: 9;
        position: relative;
    }

    .Select-ThumbTit {
        text-align: center;
        margin-top: 0;
        font-weight: bold;
        background-color: #2D68C1;
        height: 36px;
        padding-top: 4px;
    }


    .impression-drpdwn {
        width: 92%;
        display: inline-block;
        float: left;
        margin-bottom: 9px;
    }

    .add-discp {
        display: inline-block;
        float: left;
        font-size: 16px;
        margin-left: 3px;
    }

    .roicomment-txtarea {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
        resize: none;
        width: 300px;
    }



    textarea {
        resize: none;
    }

    .document-file-textbx {
        /*width: 31%;*/
        display: inline-block;
        /* margin-top: 24px; */
        padding: 0;
        border: 1px solid #ddd;
        outline: none;
        box-shadow: none;
        /* inline-size: 58px; */
    }

    .container-box {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .model-input-document {
        /*margin-top: 25%;*/
        width: 40%;
        margin: 25% auto 0;
    }

    .model-profile {
        overflow-y: unset !important;
        /*display: block;*/
        width: 40%;
        margin: 20% auto 0;
    }

    .img-responsive {
        display: inline-block;
        width:80%;
    }

.img-responsivearrow {
    display: inline-block;
    width: 7%;
    float:right;
}



.hmpage-top-space {
    /*margin-top: 60px;*/
/*    padding: 65px 0px 0px 246px;*/
}

    .td-organsyst {
        width: 95%;
    }

    ul.roi-ul-list {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        ul.roi-ul-list li.roi-li-list {
            list-style-type: none;
            display: inline-block;
            width: 39%;
            /* float: left; */
            height: 25%;
            margin: 0 11px;
        }

        ul.roi-ul-list li.roi-li-list1 {
            list-style-type: none;
            display: inline-block;
            width: 100%;
            /* float: left; */
            height: 25%;
            margin: 0 9px;
        }

    li.roi-li-listCenter {
        list-style-type: none;
        display: block;
        width: 25%;
        /* float: left; */
        height: 25%;
        margin: 0 auto;
    }

    ul.roi-ul-list li.roi-li-list div div a img {
        height: 55px;
        width: 55px;
    }

        ul.roi-ul-list li.roi-li-list div div a img.selected {
            margin: 4px auto;
            border: 2px solid;
            border-color: #DD5044;
        }


    .roi-tick-label {
        margin: 0 auto;
        display: inline-block;
        width: 90%;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        line-height: 16px;
        height: 18px;
    }

    .roi-span-comment {
        display: block;
        color: #727272;
        font-size: 13px;
        line-height: 18px;
        margin: 10px;
        background-color: #D4E9E7;
        padding: 5px 10px;
    }

    .roi-span-comment-alt {
        display: block;
        color: #8F7788;
        font-size: 13px;
        line-height: 18px;
        margin: 10px;
        background-color: #DBD3E0;
        padding: 5px 10px;
    }


    .roi-label {
        display: inline-block;
        padding: .2em .3em .3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
        /* margin-bottom: 12px; */
    }
.roi-label1 {
    display: inline-block;
    padding: .2em .3em .3em;
    font-size: 88%;
  
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    /* margin-bottom: 12px; */
}

    .roi-chk-box {
        display: inline-block;
        margin: 22px 4px 0 15px;
        float: left;
        width: 16px;
        position: relative;
        top: 6px;
    }
    /*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar {
    position: absolute;
    top: 50px;
    left: 0;
    padding-top: 0px;
    min-height:92%;
    background-image: linear-gradient(#004393, #1F63BD);
    /* background-color: #0F4FA2;*/
    width: 15%;
    z-index: 890;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

    @media (max-width: 767px) {
        .main-sidebar {
            padding-top: 100px;
        }
    }
/*
    @media (max-width: 767px) {
        .main-sidebar {
            -webkit-transform: translate(-230px, 0);
            -ms-transform: translate(-230px, 0);
            -o-transform: translate(-230px, 0);
            transform: translate(-230px, 0);
        }
    }

    @media (min-width: 768px) {
        .sidebar-collapse .main-sidebar {
            -webkit-transform: translate(-230px, 0);
            -ms-transform: translate(-230px, 0);
            -o-transform: translate(-230px, 0);
            transform: translate(-230px, 0);
        }
    }*/
    @media (max-width: 768px) {
    #createCasediv {
        margin-left: 25px;
    }
}

    @media (max-width: 767px) {
        .sidebar-open .main-sidebar {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    .sidebar {
        padding-bottom: 10px;
    }

    .sidebar-form input:focus {
        border-color: transparent;
    }

    .user-panel {
        position: relative;
        width: 100%;
        padding: 40px;
        overflow: hidden;
    }

        .user-panel:before,
        .user-panel:after {
            content: " ";
            display: table;
        }

        .user-panel:after {
            clear: both;
        }

        .user-panel > .image > img {
            width: 100%;
            /*max-width: 45px;*/
            height: auto;
        }

        .user-panel > .info {
            padding: 5px 5px 5px 15px;
            line-height: 1;
            position: absolute;
            left: 55px;
        }

            .user-panel > .info > p {
                font-weight: 600;
                margin-bottom: 9px;
            }

            .user-panel > .info > a {
                text-decoration: none;
                padding-right: 5px;
                margin-top: 3px;
                font-size: 11px;
            }

                .user-panel > .info > a > .fa,
                .user-panel > .info > a > .ion,
                .user-panel > .info > a > .glyphicon {
                    margin-right: 3px;
                }

    .sidebar-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .sidebar-menu > li {
            position: relative;
            margin: 0;
            padding: 0;
        }

            .sidebar-menu > li:hover {
                color: rgba(255,255,255,.75);
               /* background-color: #B8CDEE;*/
            }

            .sidebar-menu > li > a {
                padding: 12px 5px 12px 8px;
                display: block;
                color: #ADADAC;
                margin: 8px 1px 5px 25px;
                text-decoration: none;
                font-size: 15px;
            }

                .sidebar-menu > li > a:hover {
                    color: rgba(255,255,255);
                    font-weight: bold;
                }


    /*
        .sidebar-menu > li .label,
        .sidebar-menu > li .badge {
            margin-right: 5px;
        }

        .sidebar-menu > li .badge {
            margin-top: 3px;
        }

    .sidebar-menu li.header {
        padding: 10px 25px 10px 15px;
        font-size: 12px;
    }

    .sidebar-menu li > a > .fa-angle-left,
    .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
        -webkit-transition: transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
    }

    .sidebar-menu li > a > .fa-angle-left {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -8px;
    }

    .sidebar-menu .menu-open > a > .fa-angle-left,
    .sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sidebar-menu .active > .treeview-menu {
        display: block;
    }*/

    @media (min-width: 769px) /*and (max-width: 1366px)*/ {
        ul.iconlist li {
            margin-bottom: 1px !important;
            display:inline-block;
        }

            ul.iconlist li a img {
                width: 100%;
                height: 35%;
            }


            ul.iconlist li a, ul.iconlist li a:hover {
                /*padding: 2px 8px !important;*/
              /*  padding: 1px 6px !important;*/
                font-size: 11px;
            }

        ul.iconlistside li {
            margin-bottom: 1px !important;
        }

            ul.iconlistside li a img {
                width: 35%;
                height: 35%;
            }


            ul.iconlistside li a, ul.iconlistside li a:hover {
                /*padding: 2px 8px !important;*/
                padding: 1px 6px !important;
                font-size: 11px;
            }

        .impression-drpdwn {
            width: 88%;
            display: inline-block;
            float: left;
        }
        /*.stats-container {
        margin:0 0 5px 372px;
    }*/
    }


    /* Landscape phone to portrait tablet */
    @media (max-width: 768px) {
        ul.iconlist li {
            margin-bottom: 1px !important;
            display: inline-block;
        }

            ul.iconlist li a img {
                width: 100%;
                height: 35%;
            }


            ul.iconlist li a, ul.iconlist li a:hover {
                /*padding: 2px 8px !important;*/
                padding: 1px 6px !important;
                font-size: 11px;
            }


        ul.iconlistside li {
            margin-bottom: 1px !important;
        }

            ul.iconlistside li a img {
                width: 35%;
                height: 35%;
            }


            ul.iconlistside li a, ul.iconlistside li a:hover {
                /*padding: 2px 8px !important;*/
                padding: 1px 6px !important;
                font-size: 11px;
            }

        /*.impression-drpdwn{
width: 88%;
display: inline-block;
float: left;
}*/
    }


    @media (max-width: 720px) {
        .hmpage-top-space {
            margin-top: 18px;
        }

        .content-bx {
            min-height: 230px;
        }

        .stats-container {
            margin: 0 0 5px 5px;
        }

        .importthum-li {
            width: 11%;
        }

        .rpt-img {
            width: 20%;
        }

        .firstName-bx {
            display: inline-block !important;
            width: 60% !important;
            margin-left: 15%;
        }

        ul.iconlist li {
            margin-bottom: 1px !important;
            display: inline-block;
        }

            ul.iconlist li a img {
                width: 100%;
                height: 35%;
            }


            ul.iconlist li a, ul.iconlist li a:hover {
                /*padding: 2px 8px !important;*/
                /*padding: 1px 6px !important;*/
                font-size: 11px;
            }

        ul.iconlistside li {
            margin-bottom: 1px !important;
        }

            ul.iconlistside li a img {
                width: 35%;
                height: 35%;
            }


            ul.iconlistside li a, ul.iconlistside li a:hover {
                /*padding: 2px 8px !important;*/
                padding: 1px 6px !important;
                font-size: 11px;
            }
    }


    @media (min-width: 1280px) {
        .hmpage-top-space {
            margin-top: 80px;
        }

        .content-bx {
            min-height: 230px;
        }

        .impression-drpdwn {
            width: 88%;
        }

        .slidetabBttn {
            padding: 3px 10px;
            min-width: 40px;
            font-size: 12px;
        }

            .slidetabBttn:hover {
                padding: 3px 10px;
                min-width: 40px;
                font-size: 12px;
            }
    }


    @media (min-width: 1024px) and (max-width: 1100px) {
        .hmpage-top-space {
            margin-top: 25px;
        }

        .importthum-li {
            width: 18%;
        }

        .slidetabBttn {
            padding: 3px 6px;
            min-width: 50px;
            font-size: 13px;
        }

            .slidetabBttn:hover {
                padding: 3px 6px;
                min-width: 50px;
                font-size: 13px;
            }
    }


    @media (min-width: 768px) and (max-width: 1000px) {
        .importthum-li {
            width: 18%;
        }
    }


    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
        .footerBg { /*position:relative;*/
            bottom: 0;
        }

        ul.navbar-nav li:last-child {
            position: inherit;
        }

        .navbar-nav .open .dropdown-menu {
            background-color: #fff;
            color: #067b75;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            background-color: #067b75;
            color: #fff;
        }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #067b75;
        }

        .navbar-nav {
            margin: 7.5px 0;
        }

        .impression-drpdwn {
            width: 84%;
        }

        /*ul.iconlist li { margin-bottom:3px;
    }
    ul.iconlist li a, ul.iconlist li a:hover {
    
    padding: 2px 8px;
   
}*/
    } 