/* -------------- blue #005295 ----------------------*/

/* scroll */

::-webkit-scrollbar {
    width: 17px;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../img/scroll-up.png), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
}

::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../img/scroll-down.png), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
}

::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(../img/scroll-left.png), -webkit-linear-gradient(top, #f9f9f9 50%, #e2e2e2 100%);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
}

::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(../img/scroll-right.png), -webkit-linear-gradient(top, #f9f9f9 50%, #e2e2e2 100%);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-track-piece {
}

::-webkit-scrollbar-thumb {
    background-color: #0068be;
}

::-webkit-scrollbar-corner {
    background-color: #ebecf0;
}

::-webkit-resizer {
}

html {
    height: 100%;
}

body {
    overflow: hidden;
    height: 100%;
}

/* --------------- Wrapper --------------------------*/

div.wrapper {
    display: block;
    width: 100%;
    text-align: left;
}

.row1 {
    color: #005295;
    background-color: #ffffff;
    border-bottom: 1px solid #d8d9e1;
}

/*---------------------------------------------------*/

.i-checks input {
    width: auto !important;
    height: auto !important;
    opacity: 0;
}

    .i-checks input:checked + i,
    .i-checks input:checked + input[type="hidden"] + i {
        border-color: #2dac17;
        background-color: #47cb30;
    }

        .i-checks input:checked + i:before,
        .i-checks input:checked + input[type="hidden"] + i:before {
            position: absolute;
            left: 0px;
            width: 100%;
            top: 4px;
            text-align: center;
            font-family: "FontAwesome";
            font-style: normal;
            font-weight: 800;
            color: #ffffff;
        }

    .i-checks input[type="radio"] + i {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    .i-checks input[type="checkbox"]:checked + i:before,
    .i-checks input[type="checkbox"]:checked + input[type="hidden"] + i:before {
        content: "\f00c";
        font-size: 9px;
        top: 3px;
    }

    /*.i-checks.disablechkbox input[type="checkbox"]:indeterminate + i:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #8f96a1;
    display: inline-table;
    top: 4px;
    left: 4px;
}*/

    .i-checks input[type="radio"]:checked + i:before {
        content: "\f111";
    }

    .i-checks input[disabled] + i,
    fieldset[disabled] .i-checks input + i {
        border-color: #dbe2e7;
    }

        .i-checks input[disabled] + i:before,
        fieldset[disabled] .i-checks input + i:before {
            color: #cbd5dd;
        }

.i-checks i {
    width: 16px;
    height: 16px;
    line-height: 1;
    border: 1px solid #cbd5dd;
    background-color: #fff;
    margin-left: -20px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    font-size: 0.5em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.i-checks input[type="checkbox"]:indeterminate + i:before,
.i-checks input[type="checkbox"]:indeterminate + input[type="hidden"] + i:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #8f96a1;
    display: block;
    top: 5px;
    left: 5px;
    position: absolute;
}

.i-checks input[type="checkbox"]:indeterminate i,
.i-checks input[type="checkbox"]:indeterminate + input[type="hidden"] + i {
    border-color: #cbd5dd;
    background-color: #fff;
}

.i-checks input[type="checkbox"]:indeterminate + i,
.i-checks input[type="checkbox"]:indeterminate + input[type="hidden"] + i {
    border-color: #e1e5ea;
    background-color: #e9edf1;
}

/*.i-checks.disablechkbox i {
    border-color: #cbd5dd;
    background-color: #fff;
}

.i-checks.disablechkbox input:indeterminate + i {
    border-color: #e1e5ea;
    background-color: #e9edf1;
}*/

.ie8 .i-checks i {
    display: none;
}

.border-bottom {
    border-bottom: 1px solid #ced0da;
}

.paddingLeftRight0 {
    padding-left: 0;
    padding-right: 0;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-10 {
    padding: 10px;
}

.paddingLR-5 {
    padding: 0 5px;
}

/* --------------- All icon ui ---------------------*/

.sprite {
    background: url(../img/sprite.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    .sprite.mangaccnticon {
        background-position: 0px 0px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.helpcentericon {
        background-position: -18px 0px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.logouticon {
        background-position: -36px 0px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.okicon {
        background-position: -72px 0px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.erroricon {
        background-position: -72px -18px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.phoneicon {
        background-position: -90px 0;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.emailsmicon {
        background-position: -108px 0;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.editsmicon {
        background-position: -126px 0;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.emailicon {
        background-position: 0px -36px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }

    .sprite.emaildisabledicon {
        background-position: -66px -36px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }

    .sprite.passwordicon {
        background-position: -22px -36px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }

    .sprite.optionalicon {
        background-position: -44px -36px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }

    .sprite.backarrowicon {
        background-position: -88px -36px;
        height: 22px;
        width: 22px;
        display: inline-block;
        top: 20px;
    }

    .sprite.mytrialicon {
        background-position: 0px -58px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.filetransfericon {
        background-position: -48px -58px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.datadiscrepicon {
        background-position: -96px -58px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.documentlibraicon {
        background-position: -144px -58px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.settingicon {
        background-position: -190px -58px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.settingtwoicon {
        background-position: -240px -109px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.uploaddocicon {
        background-position: -236px -58px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.documentsicon {
        background-position: -288px -109px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.usercheckicon {
        background-position: -336px -109px;
        height: 48px;
        width: 48px;
        display: inline-block;
    }

    .sprite.notificationicon {
        background-position: 0px -106px;
        height: 24px;
        width: 24px;
        display: inline-block;
    }

    .sprite.printericon {
        background-position: -290px -64px;
        height: 36px;
        width: 36px;
        display: inline-block;
    }

    .sprite.userblueicon {
        background-position: -90px -18px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.phoneblueicon {
        background-position: -108px -18px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.emailblueicon {
        background-position: -126px -18px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.editicon {
        background-position: -144px -18px;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.emailicon-grey {
        background-position: -110px -36px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }

    .sprite.passwordicon-grey {
        background-position: -132px -36px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }

    .sprite.minizeicon {
        background-position: 0 -130px;
        height: 27px;
        width: 27px;
        display: inline-block;
    }

    .sprite.maxizeicon {
        background-position: -27px -130px;
        height: 27px;
        width: 27px;
        display: inline-block;
    }

    .sprite.closeicon {
        background-position: -54px -130px;
        height: 27px;
        width: 27px;
        display: inline-block;
    }

    .sprite.emailicon-lg {
        background-position: -25px -108px;
        height: 20px;
        width: 25px;
        display: inline-block;
    }

    .sprite.yellowi-two {
        background-position: -162px 0;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.green-ok {
        background-position: -180px 0;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

    .sprite.close-sm {
        background-position: -198px 0;
        height: 18px;
        width: 18px;
        display: inline-block;
    }

/* -------------- Front-header -------------------- */

.front-header {
    padding: 15px 0;
    min-height: 92px;
}

    .front-header.header-fixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 92px;
        border-bottom: 1px solid #d8d9e1;
        z-index: 999;
    }

.frontRT-top {
    margin-bottom: 5px;
}

.front-middle {
    text-align: center;
}

    .front-middle ul {
        margin: 0;
    }

        .front-middle ul li {
            display: inline-block;
            font-weight: 600;
            font-size: 28px;
            vertical-align: middle;
        }

            .front-middle ul li#lblProjectInfo {
                text-align: left;
            }

.truncated-wrapper {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

.front-middle ul.ellipsis-text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

    .front-middle ul.ellipsis-text::after {
        content: '...';
        position: absolute;
        font-size: 32px;
        bottom: 10px;
        right: -10px;
    }


.truncate-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    width: 580px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/* .truncate-ellipsis span {
    text-overflow: ellipsis;
}
   */

/* .truncated-wrapper{
    display: flex;
    align-items: center;
}

.long-and-truncated {
    flex: 1;
    min-width: 0; /* or some value */


/*.long-and-truncated  .truncated-text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
} */


.front-middle ul li.splogo {
    margin: 0 15px;
}

.front-header .col-md-3.adjcolLT {
    margin-top: 8px;
}

.frontRT-bottom {
    margin: 5px 0 0 0;
}

    .frontRT-bottom ul {
        margin: 0;
    }

        .frontRT-bottom ul li {
            display: inline-block;
            vertical-align: middle;
            line-height: 16px;
        }

            .frontRT-bottom ul li.seprator {
                margin: 0 1px;
            }

.frontRT-top .account-dropdown {
    border: 1px solid #ced0da;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
    background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
    /* IE6-9 */
    width: 290px;
    float: right;
    position: relative;
}

    .frontRT-top .account-dropdown a {
        font-size: 14px;
        font-family: 'Source Sans Pro', sans-serif;
        display: block;
        padding: 7px;
    }

    .frontRT-top .account-dropdown b.fa {
        position: absolute;
        top: 10px;
        right: 5px;
        color: #b4b6c1;
    }

    .frontRT-top .account-dropdown i {
        margin-right: 5px;
    }

    .frontRT-top .account-dropdown .dropdown-menu {
        min-width: 100%;
        top: -4px;
        padding: 0;
        border-color: #dfe3e9;
        -webkit-box-shadow: 0 2px 7px rgba(223, 227, 233, 0.9);
        -moz-box-shadow: 0 2px 7px rgba(223, 227, 233, 0.9);
        box-shadow: 0 2px 7px rgba(223, 227, 233, 0.9);
    }

        .frontRT-top .account-dropdown .dropdown-menu > li {
            border-bottom: 1px solid #dfe3e9;
        }

            .frontRT-top .account-dropdown .dropdown-menu > li:last-child {
                border-bottom: none;
            }

            .frontRT-top .account-dropdown .dropdown-menu > li > a {
                padding: 8px 10px;
                font-weight: 600;
            }

                .frontRT-top .account-dropdown .dropdown-menu > li > a:hover,
                .frontRT-top .account-dropdown .dropdown-menu > li > a:focus,
                .frontRT-top .account-dropdown .dropdown-menu > li.active a {
                    color: #2ea2f8;
                    background-color: transparent;
                }

                    .frontRT-top .account-dropdown .dropdown-menu > li > a:hover .sprite.mangaccnticon,
                    .frontRT-top .account-dropdown .dropdown-menu > li.active > a .sprite.mangaccnticon {
                        background-position: 0px -18px;
                    }

                    .frontRT-top .account-dropdown .dropdown-menu > li > a:hover .sprite.helpcentericon,
                    .frontRT-top .account-dropdown .dropdown-menu > li.active > a .sprite.helpcentericon {
                        background-position: -18px -18px;
                    }

                    .frontRT-top .account-dropdown .dropdown-menu > li > a:hover .sprite.logouticon,
                    .frontRT-top .account-dropdown .dropdown-menu > li.active > a .sprite.logouticon {
                        background-position: -36px -18px;
                    }

.email-notification {
    display: inline-block;
    position: relative;
    width: 25px;
    height: 20px;
    margin-right: 20px;
    margin-top: 8px;
    float: right;
    /*top: 8px;
    left: 35px;*/
    /*padding-top: 10px;
    padding-left: 25px;*/
}

.email-notificationset {
    position: relative;
}

    .email-notificationset .badge {
        background-color: #ff0000;
        color: #ffffff;
        padding: 4px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        position: absolute;
        top: -15px;
        right: -12px;
        font-size: 11px;
        min-height: 18px;
        min-width: 18px;
    }

/* ----------------------------------- */

#page-wrapper {
    /*position: relative;*/
    padding-left: 0;
    /* -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease;  
  transition: all 0.5s ease;*/
}

#page-wrapper {
    position: absolute;
    left: 65px;
    right: 0;
    top: 92px;
    bottom: 0;
}

    #page-wrapper.toggled {
        left: 120px;
    }

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    /*position:absolute;*/
    left: 0;
    width: 65px;
    top: 92px;
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    /*#sidebar-wrapper.sidebar-toggled { 
  -webkit-transition: all 0.5s ease;   
  -moz-transition: all 0.5s ease;  
  -o-transition: all 0.5s ease;  
  transition: all 0.5s ease;}*/

    #sidebar-wrapper.sidebar-brand {
        width: 70px;
    }

    #sidebar-wrapper.sidebar-toggled .sidebar-brand {
        width: 120px;
        /*  -webkit-transition: all 0.5s ease;   
  -moz-transition: all 0.5s ease;  
  -o-transition: all 0.5s ease;  
  transition: all 0.5s ease; */
    }

#page-wrapper.toggled #sidebar-wrapper {
    width: 120px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#page-content-wrapper {
    height: 100%;
    /*width: 100%;*/
    position: relative;
    /* padding: 15px;*/
    /*margin-left:60px;*/
}

#page-wrapper.toggled #page-content-wrapper {
    position: absolute;
    /* margin-right: -120px;*/
}

#sidebar-wrapper.sidebar-toggled .sidebar-nav li span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

    #sidebar-wrapper.sidebar-toggled .sidebar-nav li span em {
        display: block;
        line-height: 1;
        font-style: normal;
    }

#sidebar-wrapper .sprite.double-ltrt {
    background-position: -54px 0px;
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
    top: -5px;
}

#sidebar-wrapper.sidebar-toggled .sprite.double-ltrt {
    background-position: -54px -18px;
}

.page-content {
    height: 100%;
    position: relative;
}

/* Sidebar Styles */

.sidebar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /*padding: 10px;*/
    overflow-y: auto;
    height: calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    /*-webkit-transition: all 0.5s ease;   
  -moz-transition: all 0.5s ease;  
  -o-transition: all 0.5s ease;  
  transition: all 0.5s ease;  */
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        justify-content: center;
        -ms-flex-pack: center;
        -moz-box-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -moz-box-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        /*text-indent: 20px;*/
        position: relative;
        text-align: center;
        /*line-height: 40px;*/
        /*min-width:120px;*/
        /*min-height:211px;  text-align:center;  position:relative;  border-bottom:1px solid #a7becf;   
background: #eeeeee; /* Old browsers */
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #d8d9da 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -moz-linear-gradient(top, #eeeeee 0%, #d8d9da 100%);
        background: -o-linear-gradient(top, #eeeeee 0%, #d8d9da 100%);
        background: linear-gradient(to bottom, #eeeeee 0%, #d8d9da 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d9da', GradientType=0);
        background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d8d9da));
    }

.sidebar-toggled .sidebar-nav {
    width: 120px;
}

.sidebar-nav li i {
    display: block !important;
    margin: 0 auto;
    padding: 0px;
    font-size: 18px;
}

.sidebar-nav li span {
    display: none;
}

.sidebar-toggled .sidebar-nav li span {
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
    /*min-height: 211px;*/
    padding: 5px 5px 5px 5px;
    color: #166eb0;
    font-size: 14px;
    font-weight: 600;
}

    .sidebar-nav li a:hover {
        text-decoration: none;
        color: #125688;
        /*background: rgba(255,255,255,0.2);*/
    }

    .sidebar-nav li a:active,
    .sidebar-nav li a:focus {
        text-decoration: none;
    }

.sidebar-brand {
    display: block;
    height: 20px;
    min-height: 20px;
    font-size: 18px;
    border-bottom: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #0a4971 !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0a4971 0%, #13629d 99%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0a4971 0%, #13629d 99%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#0a4971), color-stop(99%, #13629d)) !important;
    background: -o-linear-gradient(top, #0a4971 0%, #13629d 99%) !important;
    background: linear-gradient(to bottom, #0a4971 0%, #13629d 99%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4971', endColorstr='#13629d', GradientType=0) !important;
    /* IE6-9 */
    /*line-height: 60px;*/
}

    /*.sidebar-toggled .sidebar-brand  { -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  transition: all 0.5s ease;  }*/

    .sidebar-brand a {
        color: #f4f4f4;
        padding: 0;
        display: block;
        text-align: center;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .sidebar-brand a:hover {
            color: #fff;
            background: none;
        }

.sidebar-nav li:hover,
.sidebar-nav li.active {
    background: #0a4971 !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0a4971 0%, #14639d 99%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0a4971 0%, #14639d 99%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#0a4971), color-stop(99%, #14639d)) !important;
    background: -o-linear-gradient(top, #0a4971 0%, #14639d 99%) !important;
    background: linear-gradient(to bottom, #0a4971 0%, #14639d 99%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4971', endColorstr='#14639d', GradientType=0) !important;
}

#sidebar-wrapper.sidebar-toggled .sidebar-nav li:hover a span,
#sidebar-wrapper.sidebar-toggled .sidebar-nav li.active a span {
    color: #ffffff;
}

.sidebar-nav li:hover .sprite.mytrialicon,
.sidebar-nav li.active .sprite.mytrialicon {
    background-position: 0px -158px;
}

.sidebar-nav li:hover .sprite.filetransfericon,
.sidebar-nav li.active .sprite.filetransfericon {
    background-position: -48px -158px;
}

.sidebar-nav li:hover .sprite.datadiscrepicon,
.sidebar-nav li.active .sprite.datadiscrepicon {
    background-position: -96px -158px;
}

.sidebar-nav li:hover .sprite.documentlibraicon,
.sidebar-nav li.active .sprite.documentlibraicon {
    background-position: -144px -158px;
}

.sidebar-nav li:hover .sprite.settingicon,
.sidebar-nav li.active .sprite.settingicon {
    background-position: -190px -158px;
}

.sidebar-nav li:hover .sprite.settingtwoicon,
.sidebar-nav li.active .sprite.settingtwoicon {
    background-position: -240px -154px;
}

.sidebar-nav li:hover .sprite.documentsicon,
.sidebar-nav li.active .sprite.documentsicon {
    background-position: -288px -154px;
}

.sidebar-nav li:hover .sprite.usercheckicon,
.sidebar-nav li.active .sprite.usercheckicon {
    background-position: -336px -154px;
}

/* ----------- Header Topbar  -----------*/

.innerTop-header {
    margin-bottom: 0;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}

.headerList {
    /*margin:0 -15px 0px -20px;*/
    margin: 0;
    border-bottom: 1px solid #d8d9e1;
    font-size: 0px;
    background: #feffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#f2f4f7));
    background: -o-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    background: linear-gradient(to bottom, #feffff 0%, #f2f4f7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2f4f7', GradientType=0);
    /* IE6-9 */
}

    .headerList ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -moz-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
    }

    .headerList li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        color: #354052;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 12px 10px 12px 15px;
        /*padding: 5px 15px 5px 15px;*/
        border-right: 1px solid #d8d9e1;
        /*width: 20%;*/
        flex-grow: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        line-height: normal;
        height: 60px;
        vertical-align: middle;
    }

        .headerList li:last-child {
            border-right: none;
        }

        .headerList li span {
            display: block;
            color: #005295;
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
        }

        .headerList li.backlist {
            width: 80px;
            padding: 0px;
            vertical-align: top;
            display: inline-block;
            background-color: #4c5a6b;
            border-bottom-color: #4c5a6b;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -moz-box-pack: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            flex-grow: 0;
            -moz-box-flex: 0;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
        }

            .headerList li.backlist a {
                display: block;
                text-align: center;
                /* padding: 0 0;*/
                flex: 1;
                -moz-box-flex: 1;
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                height: 100%;
            }

            .headerList li.backlist:hover a,
            .headerList li.backlist:focus a {
                /*background-color: #249af2;
                border-bottom-color: #249af2;*/
                /* Old browsers */
                background: -moz-linear-gradient(top, #0a4971 0%, #13629d 99%) !important;
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #0a4971 0%, #13629d 99%) !important;
                /* Chrome10-25,Safari5.1-6 */
                background: -webkit-gradient(linear, left top, left bottom, from(#0a4971), color-stop(99%, #13629d)) !important;
                background: -o-linear-gradient(top, #0a4971 0%, #13629d 99%) !important;
                background: linear-gradient(to bottom, #0a4971 0%, #13629d 99%) !important;
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4971', endColorstr='#13629d', GradientType=0) !important;
                height: 100%;
            }

/* --------------- Subject Filter -------------- */

.innerTop-header.subjectFilter ul {
    font-size: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.innerTop-header.subjectFilter li {
    /* width: 33.33%;*/
    min-height: 50px;
    /*float: left;*/
    position: relative;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
}

.filter-label {
    font-size: 14px;
    color: #005295;
    font-weight: 600;
}

.innerTop-header.subjectFilter .headerList li span.label-tag {
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: 300;
    color: #858d95;
    letter-spacing: normal;
    position: absolute;
    bottom: 2px;
    left: 60px;
}

.innerTop-header.subjectFilter li .dropdown li {
    float: none;
    display: block;
    width: auto;
    min-height: 24px;
    padding: 5px;
}

.innerTop-header.subjectFilter li .dropdown .dropdown-menu > li > a {
    font-size: 14px;
}

.printicon {
    display: inline-block;
}

.listbx {
    /*margin-top: 8px;*/
}

    .listbx .link {
        font-size: 14px;
        color: #005295;
        font-weight: 600;
        margin: 0;
        padding: 0;
        letter-spacing: normal;
        position: absolute;
        right: 15px;
        top: 22px;
    }

/* --------------- page-content -------------------------- */

.page-contentLeft {
    height: 848px;
    min-height: 848px;
    overflow-y: auto;
    border-right: 1px solid #ced0da;
}

.page-contentLeft-md {
    height: 720px;
    min-height: 720px;
    overflow-y: auto;
    border-right: 1px solid #ced0da;
}

.page-subcontentLeft {
    /* border-right: 1px solid #ced0da;*/
}

.portlet {
    margin-top: 0;
    /*  margin-bottom: 10px;
    padding: 0px 0px 10px;*/
}

.portlet-title {
    padding: 0;
    min-height: 48px;
}

.portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
}

.portlet > .portlet-title > .actions {
    float: right;
    display: inline-block;
    padding: 6px 0;
}

.portlet > .portlet-title:after {
    clear: both;
}

.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
    content: " ";
    display: table;
}

.portlet > .portlet-body {
    clear: both;
}

ul.actions-list {
    font-size: 0px;
}

    ul.actions-list li {
        display: inline-block;
    }

        ul.actions-list li a {
            display: block;
            color: #0a4971;
            font-size: 14px;
            font-weight: 600;
        }

.btn.tab-btnRT {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    margin-right: -1px;
}

.btn.tab-btnLT {
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}

.caption-subject {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #005295;
    font-weight: 600;
}

/* ----------- */

.customTab {
    height: 100%;
}

    .customTab .nav-tabs {
        border-bottom: 1px solid transparent;
        margin-left: 15px;
    }

        .customTab .nav-tabs > li > a {
            font-size: 14px;
            font-weight: 600;
            color: #354052;
            padding: 8px 15px;
            margin-right: 0;
            background-color: #e4e9ed;
            border-color: #ced0da;
        }

        .customTab .nav-tabs > li.active > a,
        .customTab .nav-tabs > li.active > a:hover,
        .customTab .nav-tabs > li.active > a:focus {
            background-color: #0072cf;
            color: #fff;
            -moz-box-shadow: inset 0 0 10px #0b4a7d;
            -webkit-box-shadow: inset 0 0 10px #0b4a7d;
            box-shadow: inset 0 0 10px #0b4a7d;
            border-color: #0b4a7d;
        }

.tab-content {
    border: 1px solid #1585d8;
}

/* -----------*/

.dataentryList ul {
    font-size: 0px;
    /*border: 1px solid #ced0da;*/
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

    .dataentryList ul li {
        /*display: inline-block;*/
        /*min-width:120px; */
        position: relative;
    }

        .dataentryList ul li span {
            /*width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);*/
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap;
        }

        /*.dataentryList ul li:first-child{ border-left: 1px solid #ced0da;}*/

        .dataentryList ul li a {
            display: block;
            border: 1px solid #ced0da;
            line-height: 1.6;
            color: #354052;
            font-size: 14px;
            font-weight: 600;
            padding: 8px 12px;
            background: #feffff;
            background: -moz-linear-gradient(top, #feffff 0%, #eceef0 100%);
            background: -webkit-linear-gradient(top, #feffff 0%, #eceef0 100%);
            background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#eceef0));
            background: -o-linear-gradient(top, #feffff 0%, #eceef0 100%);
            background: linear-gradient(to bottom, #feffff 0%, #eceef0 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eceef0', GradientType=0);
        }

        .dataentryList ul li.setpadding a {
            padding: 12px 2px;
        }

        .dataentryList ul li a i {
            position: relative;
            right: 0;
            top: 0;
            margin-left: 35px;
        }

        .dataentryList ul li a:hover,
        /*.dataentryList ul li a:focus,*/
        .dataentryList ul li.active a,
        #collapse_validation-summary .panel-body .customTab ul li a:hover,
        /*#collapse_validation-summary .panel-body .customTab ul li a:focus,*/
        #collapse_validation-summary .panel-body .customTab ul li.active a {
            text-decoration: none;
            color: #ffffff;
            border: 1px solid #005398;
            background: #0071cd;
            background: -moz-linear-gradient(top, #0071cd 0%, #005398 100%);
            background: -webkit-linear-gradient(top, #0071cd 0%, #005398 100%);
            background: -webkit-gradient(linear, left top, left bottom, from(#0071cd), to(#005398));
            background: -o-linear-gradient(top, #0071cd 0%, #005398 100%);
            background: linear-gradient(to bottom, #0071cd 0%, #005398 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071cd', endColorstr='#005398', GradientType=0);
        }

.dataentryList {
    position: relative;
    padding: 0 15px;
}

    .dataentryList .item a {
        display: block;
        border: 1px solid #ced0da;
        border-right: 0;
        color: #354052;
        font-size: 14px;
        font-weight: 600;
        padding: 12px 15px;
        background: #feffff;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        /* Old browsers */
        background: -moz-linear-gradient(top, #feffff 0%, #eceef0 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #feffff 0%, #eceef0 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#eceef0));
        background: -o-linear-gradient(top, #feffff 0%, #eceef0 100%);
        background: linear-gradient(to bottom, #feffff 0%, #eceef0 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eceef0', GradientType=0);
        /* IE6-9 */
    }

        .dataentryList .item a:hover,
        .dataentryList .item a:focus,
        .dataentryList .item.active a {
            text-decoration: none;
            color: #ffffff;
            background: #0071cd;
            /* Old browsers */
            background: -moz-linear-gradient(top, #0071cd 0%, #005398 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #0071cd 0%, #005398 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, left bottom, from(#0071cd), to(#005398));
            background: -o-linear-gradient(top, #0071cd 0%, #005398 100%);
            background: linear-gradient(to bottom, #0071cd 0%, #005398 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071cd', endColorstr='#005398', GradientType=0);
            /* IE6-9 */
        }

        .dataentryList .item a i {
            position: absolute;
            right: 5px;
            top: 13px;
        }

.accordion-toggle:hover {
    text-decoration: none;
}

.dataentryAccordion .panel-default > .panel-heading {
    background-color: #ffffff;
    border-color: #ced0da;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    padding: 12px 15px;
}

.dataentryAccordion .panel-group .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-color: #ced0da;
}

.dataentryAccordion .panel-title {
    color: #005295;
    font-weight: 600;
    font-size: 18px;
}

.dataentryAccordion .panel-default > .panel-heading i.sprite {
    position: absolute;
    right: 10px;
    top: 17px;
}

.dataentryAccordion .panel-title a {
    text-decoration: none;
}

    .dataentryAccordion .panel-title a span {
        top: -3px;
        position: relative;
        margin-right: 20px;
        font-size: 8px;
        color: #ff4242;
        padding: 5px;
        border: 1px solid #354052;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

.dataentryAccordion .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}

.mt-radio-inline .radio {
    display: inline-block;
}

    .mt-radio-inline .radio.mt-radio {
        margin: 0 15px 0 0;
    }

    .dataentryAccordion .control-label,
    .mt-radio-inline .radio .control-label span {
        color: #354052;
        font-weight: 400;
    }

.mt-radio-inline .i-checks .control-label.disable input:checked + i {
    border-color: #e0e4e9;
    background-color: #e9edf1;
}

    .mt-radio-inline .i-checks .control-label.disable input:checked + i:before {
        color: #8f96a1;
    }

.padding-top-5 {
    padding-top: 5px;
}

.error .form-control {
    border-color: #ff4242;
}

/* ------------- Add file control -----------*/

.addfileBlock-LT {
    width: 30%;
    padding: 10px;
    background-color: #f5f6f8;
    border: 2px dashed #909da8;
    float: left;
}

.addfileBlock-RT {
    width: 70%;
    float: right;
}

.addfile-block {
    background-color: #f5f6f8;
    border: 2px dashed #909da8;
    padding: 10px;
    min-height: 150px;
}

    .addfile-block.addfile-block-sm {
        min-height: 110px;
    }

.addFile-control {
    border: 1px solid #ced0da;
    /*margin-left: -20px;*/
}

.pera {
    font-size: 12px;
    line-height: 14px;
    color: #0a4971;
}

.file-title {
    font-size: 16px;
    color: #00569c;
    font-weight: 600;
    text-align: center;
}

.addfile-block.addfile-block-sm ul {
    margin-top: 25px;
}

.addfile-block ul {
    font-size: 0;
}

    .addfile-block ul li {
        display: inline-block;
        /* float: left;*/
        margin-left: 12px;
        vertical-align: middle;
    }

.addfile-block.full-wd ul {
    text-align: center;
    margin-bottom: 0;
}

    .addfile-block.full-wd ul li {
        /* width: 33.33%;*/
        margin-left: 0px;
        padding: 0 20px;
    }

.addfile-block ul li:first-child {
    margin-left: 0px;
}

.addfile-block ul li span {
    color: #00569c;
    font-size: 12px;
    padding: 3px 0;
    display: block;
}

.fullpage-content-bottom.sidebar-toggled .addfile-block.full-wd ul li {
    padding: 0 20px;
}

.btn-list {
    position: relative;
    margin-top: 25px;
}

    .btn-list ul li {
        display: inline-block;
        margin-left: 25px;
    }

        .btn-list ul li:first-child {
            margin-left: 0;
        }

.btn-listinner {
    position: relative;
    margin-top: 15px;
}

    .btn-listinner ul li {
        display: block;
        width: 23%;
        position: relative;
        float: left;
        margin: 0 1%;
    }

    .btn-listinner .btn {
        height: auto;
        padding: 10px 12px;
        font-size: 16px;
    }

.notification-block {
    position: relative;
}

/*.postsub-text { position: absolute; right: -10px; top: 45px; width: 150px; text-align: left;  }*/

.postsub-text {
    position: relative;
    text-align: center;
    padding: 5px;
}

    .postsub-text p {
        color: #58606e;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin-bottom: 0;
    }

/* ----------- */

div.upload {
    width: 86px;
    height: 36px;
    background: url(../img/browsebg.png);
    overflow: hidden;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

    div.upload input {
        display: block !important;
        width: 86px !important;
        height: 36px !important;
        opacity: 0 !important;
        overflow: hidden !important;
    }

div.add-file-upload {
    width: 166px;
    height: 36px;
    background: url(../img/add-files.png);
    overflow: hidden;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

    div.add-file-upload input {
        display: block !important;
        width: 166px !important;
        height: 36px !important;
        opacity: 0 !important;
        overflow: hidden !important;
    }

div.add-folder-upload {
    width: 166px;
    height: 36px;
    background: url(../img/add-folder.png);
    overflow: hidden;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

    div.add-folder-upload input {
        display: block !important;
        width: 166px !important;
        height: 36px !important;
        opacity: 0 !important;
        overflow: hidden !important;
    }

div.upload-files {
    width: 208px;
    height: 44px;
    background: url(../img/upload-files.png);
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

    div.upload-files input {
        display: block !important;
        width: 166px !important;
        height: 36px !important;
        opacity: 0 !important;
        overflow: hidden !important;
        cursor: pointer;
    }

/*  div.upload-files span { color: #fff; font-size: 14px; position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 46px;
    cursor: pointer;  } */

#page-wrapper.toggled div.upload-files {
    width: 198px;
    background: url(../img/upload-files-198.png);
}

    #page-wrapper.toggled div.upload-files input {
        width: 198px !important;
    }

/* ----------- */

.dicomBlock {
    height: 453px;
    min-height: 453px;
    overflow: auto;
}

.portlet-title.grey-title {
    min-height: 24px;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #dadbdb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #dadbdb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dadbdb));
    background: -o-linear-gradient(top, #f9f9f9 0%, #dadbdb 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #dadbdb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dadbdb', GradientType=0);
    /* IE6-9 */
}

.caption2 {
    display: block;
    padding: 2px 10px;
}

.caption-subject2 {
    font-size: 14px;
    font-weight: 600;
    color: #005398;
}

.dicom-Tablegrid {
    /*min-height: 300px; height: 300px;*/
    overflow-y: auto;
    overflow-x: auto;
}

    .dicom-Tablegrid.tablegrid-md {
        height: 610px;
        min-height: 610px;
        overflow: scroll !important;
        max-width: 570px;
    }

.tableGridsearch {
    background-color: #f5f6f8;
    padding: 10px 15px;
}

    .tableGridsearch .has-feedback .form-control {
        border-color: #dfe3e9;
    }

    .tableGridsearch .has-feedback span {
        color: #d1d3dc;
    }

.gridTitle {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    color: #354052;
    font-weight: 500;
    letter-spacing: 1px;
}

.dicom-Tablegrid .table {
    margin: 0;
    /*background-color: #eff3f6;*/
}

    .dicom-Tablegrid .table > thead > tr > th {
        /*background-color: #eff3f6;
        color: #7f8fa4;*/
        font-size: 14px;
        font-weight: 500;
        border-bottom-width: 1px;
        background-color: #f3f5f8;
    }

    .dicom-Tablegrid .table > tbody > tr > th,
    .dicom-Tablegrid .table > tbody > tr > td {
        font-size: 14px;
        font-weight: 500;
        /*color: #7f8fa4;*/
    }

.dicom-Tablegrid .table-striped > tbody > tr:nth-child(2n+1) > td,
.dicom-Tablegrid .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}

.dicom-Tablegrid .table-bordered {
    border-color: #ced0da;
    border-top: 0px;
}

.postrequirementBlock {
    padding: 10px 20px 5px 20px;
    border-top: 1px solid #ced0da;
}

    .postrequirementBlock h3 {
        margin: 0 0 15px 0;
        padding: 0;
        font-size: 20px;
        color: #354052;
        font-weight: 500;
        text-transform: uppercase;
    }

    .postrequirementBlock p.notes {
    }

.postrequirementBtn {
    border-top: 1px solid #ced0da;
    padding: 15px 15px 10px;
}

    .postrequirementBtn .btn.btn-wd {
        min-width: 120px;
    }

/* ------------ Login -------------*/

.login {
    background-color: #eff3f6;
    height: 100%;
}

.login-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.login-form {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}

.login .login_content {
    width: 100%;
    /*height:600px;*/
    max-width: 600px;
    /* min-height: 600px;*/
    position: relative;
    background-color: #ffffff;
    /*margin: 5% auto 0;*/
    margin: auto;
    -webkit-box-shadow: -1px -1px 12px 0px rgba(206, 208, 218, 0.35);
    -moz-box-shadow: -1px -1px 12px 0px rgba(206, 208, 218, 0.35);
    box-shadow: -1px -1px 12px 0px rgba(206, 208, 218, 0.35);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.login-logo {
    padding: 55px 15px 10px 15px;
    text-align: center;
}

.login_content h2 {
    font-weight: 600;
    font-size: 30px;
    /*color: #1b92ec;*/
    color: #005498;
    line-height: 38px;
    margin: 30px 0 0 0;
    padding: 0;
    letter-spacing: 2px;
}

    .login_content h2 span {
        display: block;
        color: #354052;
        font-size: 24px;
        font-weight: normal;
        letter-spacing: 0;
    }

        .login_content h2 span:before {
            content: "";
            position: absolute;
            width: 156px;
            height: 1px;
            background-color: #9a9fa8;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

.login-container {
    width: 360px;
    margin: 46px auto 0;
    padding-bottom: 50px;
}

.horizontal-form .form-group {
    width: 100%;
    margin-bottom: 30px;
}

.horizontal-form .input-group-addon {
    border-color: #1685d8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    /*background: #2da0f6;
    background: -moz-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
    background: -webkit-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
    background: linear-gradient(to bottom, #2da0f6 0%, #1a91ec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da0f6', endColorstr='#1a91ec', GradientType=0);*/
    background: #0071ce;
    background: -moz-linear-gradient(top, #0071ce 0%, #005498 100%);
    background: -webkit-linear-gradient(top, #0071ce 0%, #005498 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#0071ce), to(#005498));
    background: -o-linear-gradient(top, #0071ce 0%, #005498 100%);
    background: linear-gradient(to bottom, #0071ce 0%, #005498 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071ce', endColorstr='#005498', GradientType=0);
}

    .horizontal-form .input-group-addon.disabled {
        background: #eee !important;
        border-color: #dfe3e9 !important;
    }

.horizontal-form .form-control {
    height: 46px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #dfe3e9;
    /*font-weight:300;*/
    color: #354052;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.horizontal-form.add-left-border .form-control, .add-left-corner {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

.horizontal-form .form-control-textarea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #dfe3e9;
    color: #354052;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.horizontal-form .input-group {
    -webkit-box-shadow: -1px -1px 8px 0px rgba(206, 208, 218, 0.25);
    -moz-box-shadow: -1px -1px 8px 0px rgba(206, 208, 218, 0.25);
    box-shadow: -1px -1px 8px 0px rgba(206, 208, 218, 0.25);
}

    .horizontal-form .input-group .form-control {
        border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        -webkit-border-top-left-radius: 0 !important;
        -moz-border-radius-topleft: 0 !important;
        border-top-left-radius: 0 !important;
        -webkit-border-bottom-left-radius: 0 !important;
        -moz-border-radius-bottomleft: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

.help-block {
    display: block;
    color: #ed1c24;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: middle;
}

    .help-block a i {
        color: #ed1c24;
    }

.has-success .help-block a i {
    color: #3c763d;
}

.help-block a:hover i,
.help-block a:focus i {
    opacity: 0.8;
}

.help-block i.fa.fa-times-circle {
    font-size: 18px;
    position: relative;
    top: 2px;
    /*margin-left: 15px;*/
}

.errorblock {
    border: 1px solid #ed1c24;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.formtxt {
    color: #354052;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
}

/* .hasicon { position: absolute; right:15px;top: 10px;}*/

.hasicon .form-control-feedback {
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 2;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.has-error i.fa-exclamation {
    background-color: #fcde5a;
    color: #343f53;
    text-align: center;
}

.has-success i.fa-check {
    background-color: #27a911;
    color: #ffffff;
    text-align: center;
}

.has-error .form-control:focus,
.has-success .form-control:focus {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.has-error .input-group .form-control:focus,
.has-error .input-group:focus {
    border: 1px solid #fcde5a;
}

.has-success .input-group .form-control:focus,
.has-success .input-group:focus {
    border: 1px solid #27a911;
}

.has-error .popover-content,
.has-success .popover-content {
    width: 160px;
    font-size: 13px;
    font-weight: 600;
    color: #424d5f;
    /*padding: 6px 12px;
    line-height: 14px;*/
}

    .has-error .popover-content#pwd-tip-div,
    .has-success .popover-content#pwd-tip-div {
        padding: 6px 12px;
        line-height: 14px;
    }

.has-error .popover,
.has-success .popover {
    min-height: 40px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    color: #404e5d;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
    background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
    /* IE6-9 */
}

    .has-error .popover.right,
    .has-success .popover.right {
        margin-left: 20px;
    }

/* -------------- panelbox ---------------- */

.panel-wrapper {
    padding: 30px 0;
    height: 100%;
}

.panelbox {
    width: 940px;
    margin: 30px auto 0;
    background-color: #fff;
    border: 1px solid #ced0da;
    position: relative;
}

.panelheader {
    background: #0070cc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0070cc 0%, #005498 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0070cc 0%, #005498 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#0070cc), to(#005498));
    background: -o-linear-gradient(top, #0070cc 0%, #005498 100%);
    background: linear-gradient(to bottom, #0070cc 0%, #005498 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070cc', endColorstr='#005498', GradientType=0);
    /* IE6-9 */
    border-color: #1685d8;
    position: relative;
}

    .panelheader.panelheader-grey {
        background: #eeeeee;
        /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #d9dadb 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #d9dadb 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d9dadb));
        background: -o-linear-gradient(top, #eeeeee 0%, #d9dadb 100%);
        background: linear-gradient(to bottom, #eeeeee 0%, #d9dadb 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d9dadb', GradientType=0);
        /* IE6-9 */
        /* border-top: 1px solid #d9dadb;
    border-bottom: 1px solid #d9dadb; */
        border: 1px solid #d9dadb;
        position: relative;
    }

.my-trial-page .panelheader.panelheader-grey {
    border-left: 1px solid #909da8;
    border-right: 1px solid #909da8;
}

.panelheader h3 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 10px 15px;
    margin: 0;
    line-height: 30px;
    display: inline-block;
}

    .panelheader h3.text-center {
        display: block;
    }

.panelheader.panelheader-grey h3 {
    color: #354052;
}

.panelheader.panelheader-sm h3 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 10px 15px;
    margin: 0;
    line-height: 20px;
    display: inline-block;
}

.panelheader h3.center-heading {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.panelbody {
    /*max-height: 450px;*/
    max-height: 65vh;
    overflow-y: auto;
}

.panelbox .site-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .panelbox .site-list ul li {
        padding: 20px;
        border-bottom: 1px solid #ced0da;
    }

        .panelbox .site-list ul li:last-child {
            border-bottom: none;
        }

        .panelbox .site-list ul li a {
            font-size: 14px;
        }

.project-title,
.contact-info {
    font-size: 16px;
    color: #354052;
    font-weight: 600;
}

    .project-title span,
    .contact-info span {
        color: #005295;
    }

.dots {
    padding: 25px;
}

.panelfooter {
    border-top: 1px solid #ced0da;
    padding: 25px;
}

.contact-info.text-sm {
    font-size: 14px;
}

.contact-info.text-lg {
    font-size: 18px;
    font-weight: 400;
}

.panelbox .site-list ul li .contact-info ul {
    margin: 0;
    padding: 0 0 0 10px;
    border-left: 3px solid #005ca6;
}

    .panelbox .site-list ul li .contact-info ul li {
        padding: 0;
        margin-bottom: 5px;
        border-bottom: none;
    }

.contact-info ul li ol.subcontact-info {
}

    .contact-info ul li ol.subcontact-info li {
        display: inline-block;
    }

.project-top-title {
    font-size: 20px;
    font-weight: 600;
    color: #00559a;
    line-height: 1.1;
}

    .project-top-title span {
        font-size: 14px;
        font-weight: 400;
        color: #354052;
        line-height: 14px;
    }

.panelbox .site-list ul li .contact-info i.sprite {
    margin-right: 5px;
}

.panelbox.panel-fullbox {
    margin: 0 auto;
    padding: 30px 0;
    height: 100%;
}

    .panelbox.panel-fullbox .panelheader {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 50px;
    }

    .panelbox.panel-fullbox .panelbody {
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        bottom: 67px;
        max-height: none;
    }

    .panelbox.panel-fullbox .panelfooter {
        position: absolute;
        padding: 15px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
    }

/* ----------------- Modal ------------------*/

.custom-modal .modal-header {
    background: #0070cc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0070cc 0%, #005498 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0070cc 0%, #005498 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#0070cc), to(#005498));
    background: -o-linear-gradient(top, #0070cc 0%, #005498 100%);
    background: linear-gradient(to bottom, #0070cc 0%, #005498 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070cc', endColorstr='#005498', GradientType=0);
    /* IE6-9 */
    border-color: #1685d8;
    position: relative;
}

    .custom-modal .modal-header .modal-title {
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 1px;
        color: #ffffff;
        font-family: 'Source Sans Pro', sans-serif;
        padding: 0 15px;
        margin: 0;
    }

.custom-modal .modal-content {
    border: 0;
}

.body-top {
    border-bottom: 1px solid #ced0da;
    /* padding-bottom: 10px; */
    /* margin: -20px -20px 0 -20px; */
    /* padding: 20px; */
    padding: 10px 20px 10px 20px;
    background-color: #ffffff;
    margin: -20px 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 90px;
}

    .body-top ul {
        margin: 0;
        padding: 0;
    }

        .body-top ul li {
            display: inline-block;
            margin-right: 10px;
        }

.subject-title {
    color: #354052;
    font-size: 16px;
    font-weight: bold;
}

    .subject-title span {
        color: #005295;
        font-size: 20px;
        display: block;
        margin-top: 15px;
    }

.custom-modal .modal-footer {
    margin-top: 0;
}

    .custom-modal .modal-footer.text-center {
        text-align: center;
    }

.custom-modal .modal-body {
    background-color: #fafafb;
}

.suject-content {
    padding: 0 0;
}

.custom-modal.add-subject-model-popup .suject-content {
    /* overflow-x: hidden;
    height: calc(100% - 71px);
    overflow-y: auto;
    margin: 0 -20px; */
    overflow-x: hidden;
    height: calc(100% - 89px);
    height: -moz-calc(100% - 89px);
    height: -webkit-calc(100% - 89px);
    overflow-y: auto;
    /* margin: 0 -20px; */
    top: 89px;
    position: absolute;
    left: 0;
    right: 0;
}

    .custom-modal.add-subject-model-popup .suject-content .row {
        padding: 0 20px;
    }

.custom-modal .modal-body.padding-bottom-0 {
    padding-bottom: 0;
}

.brd-left {
    border-left: 1px solid #ced0da;
}

.brd-right {
    border-right: 1px solid #ced0da;
}

.paddingTB30 {
    padding: 30px 0;
}

.paddingTB20 {
    padding: 20px 0 30px 0;
}

.upload-action {
    background-color: #f5f6f8;
    padding: 25px;
}

.portlet-footer.bg-grey {
    background-color: #f5f6f8;
}

.tableGridsearch.tableGridsearch-md {
    min-height: 110px;
    border-bottom: 1px solid #ced0da;
}

/* -------------- post-block ---------------*/

.post-block {
    min-height: 110px;
    background-color: #f5f6f8;
    border-bottom: 1px solid #ced0da;
    border-right: 1px solid #ced0da;
}

    .post-block p {
        text-align: center;
        line-height: 100px;
        font-size: 20px;
        margin: 0;
        font-weight: 600;
        letter-spacing: 1px;
    }

.postblock-content {
    position: relative;
}

.postblock-list {
    width: 165px;
    float: left;
    border-right: 1px solid #ced0da;
    position: relative;
    height: 610px;
}

    .postblock-list ul {
        margin: 0;
    }

    .postblock-list li {
        display: block;
        border-bottom: 1px solid #ced0da;
    }

        .postblock-list li a {
            display: block;
            font-size: 14px;
            color: #354052;
            font-weight: 600;
            padding: 22px 15px;
            background: #ffffff;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
            background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
            /* IE6-9 */
            text-decoration: none;
        }

            .postblock-list li a:hover,
            .postblock-list li a:focus,
            .postblock-list li.active a {
                color: #ffffff;
                background: #0071cd;
                /* Old browsers */
                background: -moz-linear-gradient(top, #0071cd 0%, #005398 100%);
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #0071cd 0%, #005398 100%);
                /* Chrome10-25,Safari5.1-6 */
                background: -webkit-gradient(linear, left top, left bottom, from(#0071cd), to(#005398));
                background: -o-linear-gradient(top, #0071cd 0%, #005398 100%);
                background: linear-gradient(to bottom, #0071cd 0%, #005398 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071cd', endColorstr='#005398', GradientType=0);
                /* IE6-9 */
            }

        .postblock-list li i {
            float: right;
        }

.post-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.postblock-list ul.post-bottom li:first-child {
    border-top: 1px solid #ced0da;
}

.postblock-info {
    height: 610px;
    min-height: 510px;
    overflow: scroll !important;
    position: relative;
}

.chestseries-list {
    display: inline-block;
}

    .chestseries-list ul {
        margin-bottom: 0;
        font-size: 0;
    }

    .chestseries-list li {
        display: inline-block;
    }

        .chestseries-list li a {
            display: block;
            border: 3px dashed #909da8;
            border-right: none;
            width: 55px;
            height: 55px;
        }

        .chestseries-list li:first-child a {
            border-left: 3px dashed #909da8;
        }

        .chestseries-list li:last-child a {
            border-right: 3px dashed #909da8;
        }

        .chestseries-list li a:hover,
        .chestseries-list li a:focus,
        .chestseries-list li.active a {
            border: 3px solid #43c92d;
        }

        .chestseries-list li.active-grey a {
            border: 3px solid #909da8;
            border-right: 0;
        }

        .chestseries-list li.active-grey:last-child a {
            border: 3px solid #909da8;
        }

/* -------------- my-trials ----------------- */

.my-trial-block {
    padding: 25px;
}

.bg-grey {
    background-color: #eff3f6;
}

.selected-trials-accordion .panel,
.explore-content .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.selected-trials-accordion .panel-default > .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    position: relative;
}

.selected-trials-accordion .panel-title {
    color: #334051;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 0;
}

    .selected-trials-accordion .panel-title a {
        color: #334051;
        text-decoration: none;
    }

.selected-trials-accordion.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.arrowicon-btn {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    vertical-align: middle;
    text-align: center;
    color: #404e5d;
    /*background-color: #428bca;*/
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
    background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
    /* IE6-9 */
    border-color: #ced0da;
}

    .arrowicon-btn span {
        display: block;
        padding: 10px 18px;
        color: #1d96f1;
        font-size: 28px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ced1da;
    }

.explore-wrapper {
    /*border-bottom: 2px dashed #ddd;
    border-top: 2px dashed #ddd;*/
}

.brd-btm {
    border-bottom: 1px solid #ddd;
}

.explore-content {
    padding: 25px;
}

    .explore-content .panel {
        margin-bottom: 0;
    }

    .explore-content .panel-default > .panel-heading {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: #f2f6f9;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f2f6f9 0%, #e1e6ec 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f2f6f9 0%, #e1e6ec 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f6f9), to(#e1e6ec));
        background: -o-linear-gradient(top, #f2f6f9 0%, #e1e6ec 100%);
        background: linear-gradient(to bottom, #f2f6f9 0%, #e1e6ec 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f9', endColorstr='#e1e6ec', GradientType=0);
        /* IE6-9 */
        position: relative;
    }

    .explore-content .panel-title {
        color: #334051;
        font-size: 16px;
        font-weight: 500;
        padding: 4px 0;
    }

        .explore-content .panel-title a {
            color: #334051;
            text-decoration: none;
            font-size: 16px;
            font-weight: 600;
        }

.angledown-btn {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 13px;
}

    .angledown-btn span {
        font-size: 22px;
        color: #005499;
    }

.explore-content .panel-body {
    padding: 0;
}

.explore-trial-list ul {
    margin-bottom: 0;
}

.explore-trial-list li {
    padding: 10px 15px;
    border-bottom: 1px solid #ced1da;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    color: #354151;
}

    .explore-trial-list li:nth-child(even) {
        background-color: #eff3f6;
    }

    .explore-trial-list li:last-child {
        border-bottom: 0;
    }

.explore-content .btn.btn-md {
    font-size: 18px;
    padding: 8px 14px;
    height: auto;
}

.general-information {
    padding: 10px 25px 25px;
}

    .general-information .customTab .nav-tabs {
        margin-left: 0;
    }

    .general-information .customTab .tab-content {
        border: 1px solid #d8d9e1;
    }

    .general-information .customTab .nav-tabs > li > a {
        padding: 6px 20px;
    }

/* -------------- signature-block ----------------- */

.signature-block {
    padding: 20px 25px;
}

    .signature-block p {
        font-family: 'Source Sans Pro', sans-serif;
        color: #354052;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 400;
    }

.signature-detail {
    margin: 60px 0;
    padding: 12px 12px;
    font-size: 18px;
    color: #7c7d7f;
    border: 1px solid #ced0da;
    background-color: #ffffff;
    -moz-box-shadow: inset 0 0 20px #e0e2ea;
    -webkit-box-shadow: inset 0 0 20px #e0e2ea;
    box-shadow: inset 0 0 20px #e0e2ea;
}

.signature-block .radio label,
.signature-block .checkbox label {
    font-size: 16px;
    color: #354052;
}

.signature-block .i-checks i {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.signature-block .i-checks input:checked + i:before {
    top: 3px;
}

.signature-form {
    width: 400px;
    margin: 0 auto;
    padding: 20px 0;
}

.horizontal-form .disabled-group .input-group-addon {
    background: #eee;
    border-color: #dfe3e9;
}

/* ------------- Subjects detail block ----------------*/

.subjects-detail-block {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    /*top: 81px;*/
    top: 61px;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 -3px 14px -15px rgba(160, 163, 181, 0.8);
    -moz-box-shadow: 0 -3px 14px -15px rgba(160, 163, 181, 0.8);
    box-shadow: 0 -3px 14px -15px rgba(160, 163, 181, 0.8);
    background-color: #fff;
}

.subject-detail-tabs .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
}

    .subject-detail-tabs .nav-tabs > li {
        width: auto;
        background: #ffffff;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        text-align: center;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
        background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
        /* IE6-9 */
    }

        .subject-detail-tabs .nav-tabs > li > a {
            font-size: 14px;
            color: #354052;
            line-height: 1;
            font-weight: 600;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border-top: 0;
            border-left: 0;
            border-right: 1px solid #ced0da;
            border-bottom: 1px solid #ced0da;
            margin-right: 0;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -moz-box-align: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
        }

        .subject-detail-tabs .nav-tabs > li:last-child > a {
            border-right: 0;
        }

        .subject-detail-tabs .nav > li > a:hover,
        .subject-detail-tabs .nav > li > a:focus,
        .subject-detail-tabs .nav-tabs > li.active > a,
        .subject-detail-tabs .nav-tabs > li.active > a:hover,
        .subject-detail-tabs .nav-tabs > li.active > a:focus {
            background: #025aa3;
            color: #ffffff;
            border-top: 0;
            border-left: 0;
            border-right: 1px solid #025aa3;
            border-bottom: 1px solid #025aa3;
            -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
        }

.subject-detail-tabs .tab-content {
    border: 0;
    padding: 15px;
}

.subject-detail-tabs .nav-tabs.subject-tabs {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}

.subject-detail-tabs .tab-content.subject-content {
    overflow: auto;
    /*height: calc(100% - 85px);
    height: -moz-calc(100% - 85px);
    height: -webkit-calc(100% - 85px);*/
    height: calc(100% - 94px);
    height: -moz-calc(100% - 94px);
    height: -webkit-calc(100% - 94px);
    top: 85px;
    position: absolute;
    left: 0;
    right: 0;
}

/* controler */

.controlicon {
    display: inline-block;
    width: 27px;
    height: 27px;
    vertical-align: middle;
}

.minize-icon {
    background: url(img/);
}

.controler {
    float: right;
}

    .controler ul {
        font-size: 0;
        margin-bottom: 0;
    }

    .controler li {
        display: inline-block;
        /*padding-left: 5px;*/
    }

        .controler li:last-child {
            margin-left: 5px;
        }

        .controler li a {
            font-size: 1px;
        }

.card-header {
    background-color: #e6e7ec;
    padding: 12px 10px;
}

    .card-header h4 {
        display: inline-block;
        font-size: 16px;
        margin: 0;
        padding: 0;
        color: #005295;
        font-weight: 600;
        line-height: 1.6;
    }

/* ----------- fullpage-content ----------*/

.full-block {
    height: 100%;
    display: block;
    padding-bottom: 5px;
}

.full-display-block {
    width: 100%;
    height: 100%;
}

.fullpage-content {
    padding: 60px 15px 0 15px;
    height: calc(100% - 150px);
    height: -moz-calc(100% - 150px);
    height: -webkit-calc(100% - 150px);
}

.fullpage-content-bottom {
    position: fixed;
    bottom: 0;
    left: 65px;
    right: 0;
    height: 150px;
    z-index: 99;
    padding: 0 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .fullpage-content-bottom.sidebar-toggled {
        left: 120px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.customTab {
    padding-top: 15px;
}

    .customTab.brd-right {
        border-right: 1px solid #d8d9e1;
    }

    .customTab .tab-content {
        height: calc(100% - 38px);
        height: -moz-calc(100% - 38px);
        height: -webkit-calc(100% - 38px);
        overflow-y: auto;
        border: 0;
        border-top: 1px solid #d8d9e1;
    }

        .customTab .tab-content.dwv-tab-content {
            overflow: hidden;
        }

.dicom-img-file-block {
    position: absolute;
    /*z-index: 100; */
    width: 100%;
    height: calc(100% - 61px);
    height: -moz-calc(100% - 61px);
    height: -webkit-calc(100% - 61px);
    /*top: 49px;*/
    top: 61px;
    bottom: 0;
    left: 0;
    right: 0;
}

.dicom-img-file-content {
    padding: 0px 15px 0 15px;
    /*  height: calc(100% - 213px);*/
    /*height: calc(100% - 160px);
    height: -moz-calc(100% - 160px);
    height: -webkit-calc(100% - 160px);*/
    height: calc(100% - 138px);
    height: -moz-calc(100% - 138px);
    height: -webkit-calc(100% - 138px);
    /*z-index: 10;*/
}

.customTabFinalize {
    /* padding: 15px;*/
    padding-top: 15px;
    height: 100%;
}

    .customTabFinalize .nav-tabs > li {
        width: 50%;
        text-align: center;
    }

        .customTabFinalize .nav-tabs > li > a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            margin-right: 0;
            color: #354052;
            font-size: 14px;
            font-weight: 600;
            padding: 6px 15px;
            background: #ffffff;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
            background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
            /* IE6-9 */
            border-color: #ced0da;
        }

        .customTabFinalize .nav-tabs > li.active > a,
        .customTabFinalize .nav-tabs > li.active > a:hover,
        .customTabFinalize .nav-tabs > li.active > a:focus {
            border-color: #105a8e;
            border-bottom-color: transparent;
            background: #105a8e;
            color: #fff;
            -moz-box-shadow: inset 0 0 10px #0b4a7d;
            -webkit-box-shadow: inset 0 0 10px #0b4a7d;
            box-shadow: inset 0 0 10px #0b4a7d;
        }

    /*.subcustomTab .tab-content>.tab-pane { height: 100%; }

.subcustomTab .tab-content>.tab-pane {}*/

    .customTabFinalize .tab-content {
        border: none;
    }

    .customTabFinalize .subcustomTab .tab-content {
        height: calc(100% - 65px);
        height: -moz-calc(100% - 65px);
        height: -webkit-calc(100% - 65px);
        overflow-y: auto;
        border: 1px solid #1585d8;
    }

    .customTabFinalize.cust-scroll .subcustomTab .tab-content {
        overflow-x: auto;
    }

    .customTabFinalize .subcustomTab ul li a {
        border-top: none;
    }

.dicom-img-file-block .brd-right {
    border-right: 1px solid #d8d9e1;
}

/*.innertab-content {height: calc(100% - 80px); overflow-y: auto; }*/

.customTabFinalize .subcustomTab .nav-tabs > li {
    width: 35%;
}

    .customTabFinalize .subcustomTab .nav-tabs > li.active > a,
    .customTabFinalize .subcustomTab .nav-tabs > li.active > a:hover,
    .customTabFinalize .subcustomTab .nav-tabs > li.active > a:focus {
        border-color: transparent;
        border-bottom-color: transparent;
        background-color: #2093ea;
        color: #fff;
        -moz-box-shadow: inset 0 0 10px #0b4a7d;
        -webkit-box-shadow: inset 0 0 10px #0b4a7d;
        box-shadow: inset 0 0 10px #0b4a7d;
        border-top: none;
    }

/*.customTabFinalize .subcustomTab  .tab-content {     height: calc(100% - 40px);
    overflow-y: auto;
    border: 0;
    border-top: 1px solid #d8d9e1; }*/

.file-uploads-block {
    position: absolute;
    /*bottom: 50px;*/
    bottom: 0;
    left: 0;
    right: 0;
    /*height: 160px;*/
    height: 120px;
    z-index: 99;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.progress-block {
    padding: 5px 20px 5px;
}

    .progress-block.wd250 {
        width: 200px;
        position: relative;
    }

    .progress-block i.notificationicon {
        display: inline-block;
        position: relative;
        /*left: 20px;
        top: 11px;*/
    }

    .progress-block .btn.btn-sm {
        padding: 3px 18px;
        font-size: 12px;
        height: 26px;
    }

.progressbar-info {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    margin-right: 10px;
}

.prog-detail {
    /* display: inline-block;*/
    position: relative;
    margin-left: 10px;
    /*width: 100%;*/
}

.prog-label {
    font-size: 14px;
    font-weight: 600;
    color: #7f8fa4;
    line-height: 1;
    position: relative;
    left: 0;
    top: 4px;
}

.progress-block .k-progressbar {
    margin-top: 0 !important;
}

.progress-block .k-progress-status {
    /*top: -12px;*/
    top: -22px;
    right: -60px;
    font-size: 14px;
    text-align: left;
    width: 46px;
    margin: 0;
    display: inline-block;
}

.page-contentRight {
    position: relative;
    height: 100%;
}

    .page-contentRight .panel-group {
        /*padding: 10px;*/
        padding: 0;
        margin-bottom: 0;
    }

    /* .page-contentRight .portlet {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 110px;
    }*/

    .page-contentRight .dataentry-wrapper {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        height: 100%;
    }

.dataentry-bottom {
    width: 100%;
    flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;*/
    padding: 20px;
    overflow: hidden;
    overflow-y: auto;
}

.page-contentRight .portlet-title .caption {
    padding: 15px 15px 0 15px;
}

.dataentryAccordion {
    /*height: calc(100% - 160px);*/
    /*   height: calc(100% - 171px);
    overflow-y: auto;
    top: 110px;
    position: relative;*/
    /*z-index: 10;*/
}

.dataentryList .owl-nav {
    position: relative;
}

    .dataentryList .owl-nav .owl-prev {
        position: absolute;
        top: -34px;
        left: -18px;
        background-image: url(../img/left-arrow.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .dataentryList .owl-nav .owl-next {
        position: absolute;
        top: -34px;
        right: -18px;
        background-image: url(../img/right-arrow.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

.dataentryAccordion .customTab .nav-tabs {
    margin-left: 0;
}

    .dataentryAccordion .customTab .nav-tabs > li:first-child > a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .dataentryAccordion .customTab .nav-tabs > li > a {
        padding: 6px 15px;
        /*background: #ffffff;
    
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);*/
        /*border: 1px solid #ced0da;*/
        /*border-bottom: 0;*/
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        /*box-shadow: none;
    color: #354052;*/
    }

/*.dataentryAccordion .customTab .nav-tabs>li>a:hover,
.dataentryAccordion .customTab .nav-tabs>li>a:focus,
.dataentryAccordion .customTab .nav-tabs>li.active>a,
.dataentryAccordion .customTab .nav-tabs>li.active>a:hover,
.dataentryAccordion .customTab .nav-tabs>li.active>a:focus {
    background: #f3f5f8;
    
    background: -moz-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
    
    background: -webkit-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
    
    background: linear-gradient(to bottom, #f3f5f8 0%, #ffffff 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f8', endColorstr='#ffffff', GradientType=0);
    
    box-shadow: none;
    color: #354052;
    border-color: #ced0da;
    border-bottom: 0;
}*/

.completion-status-info {
    min-height: 120px;
    border: 1px solid #ced0da;
    border-top: 0;
    padding: 15px;
}

/* ---------- k-grid-view ------------- */

#myPartialContainer,
.k-grid-view {
    height: 100%;
}

#DICOMImages .k-widget {
    border: none !important;
}

/*.k-widget { height: 100%; }*/

.k-grid-view .k-widget {
    position: absolute;
    /*height: calc(100% - 174px);*/
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
}

.sub_minimize {
    height: calc(100% - 362px);
    height: -moz-calc(100% - 362px);
    height: -webkit-calc(100% - 362px);
}

.subjects-detail-block.minimize {
    height: 300px;
    top: auto;
}

.subjects-detail-block.maximize {
    /*height: 100%;*/
    height: calc(100% - 61px);
    height: -moz-calc(100% - 61px);
    height: -webkit-calc(100% - 61px);
}

.subjects-detail-block.minimize .controler #minimizeTab {
    display: none;
}

.subjects-detail-block.maximize .controler #maximizeTab {
    display: none;
}

/*.k-grid-content { height: 510px; }*/

/*.k-grid-view.minimize .k-grid-content { height: auto; }*/

.k-grid-view .k-grid-header th.k-header {
    vertical-align: top;
    padding: 10px;
}

    .k-grid-view .k-grid-header th.k-header span.header-text,
    k-grid-footer span.footer-text {
        color: #005295;
    }

select.colorMeBlue,
select.colorMeBlue.noValue,
select.colorMeBlue option:first-child,
select.colorMeBlue option {
    padding: 4px 6px;
    font-size: 14px;
}

/* -------------- Form control ---------------- */

.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 6px 8px;
}

.input-group.set-date .form-control {
    float: none;
}

.label-control {
    color: #354052;
    font-size: 16px;
    font-weight: 600;
}

.text-grey {
    color: #a9adb4;
}

.input-group.set-date {
    position: relative;
    display: block;
}

    .input-group.set-date input.form-control {
        padding-left: 35px;
        width: 100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .input-group.set-date .input-group-addon {
        position: absolute;
        top: 4px;
        background: transparent;
        border: none;
        color: #ced0da;
    }

.form-group-inline .form-control {
    display: inline-block;
    width: 140px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-group-inline .btn-icon {
    display: inline-block;
    position: absolute;
    margin-top: 0;
    margin-left: 10px;
    top: 23px;
}

.form-group-inline .label-control {
    font-size: 14px;
    display: block;
}

.form-group-inline .input-group .form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-group-inline .input-group .input-group-addon:last-child {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-left: 1px solid #ccc;
    display: inline-block;
    padding: 8px;
    width: auto;
    margin-left: 15px;
}

/* -------- Push Panel 02-4-2018 ------- */

.helptext {
    font-size: 16px;
    font-weight: 600;
    color: #354052;
    letter-spacing: 1px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 20px;
}

.subject-detail-tabs.tabs-setting {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    top: 51px;
}

    .subject-detail-tabs.tabs-setting .tab-content {
        overflow-x: hidden;
        /*height: calc(100% - 168px);*/
        overflow-y: auto;
        position: absolute;
        left: 0;
        right: 0;
        height: calc(100% - 86px);
        height: -moz-calc(100% - 86px);
        height: -webkit-calc(100% - 86px);
    }

.form-label {
    display: inline-block;
    width: 100px;
    float: left;
    color: #354052;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0;
    text-align: right;
    padding-right: 15px;
}

    .form-label.fwidth {
        width: 100%;
        text-align: left;
    }

.recipient-list,
.scope-list {
    display: block;
    float: left;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    position: relative;
}

    .recipient-list ul.dropdown-menu {
        min-height: 100px;
        overflow-y: auto;
        max-height: 140px;
    }

.bs-dropdownlist ul.dropdown-menu {
    overflow-y: auto;
    max-height: 140px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.bs-dropdownlist .dropdown {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
    background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
    /* IE6-9 */
    width: 100%;
    float: right;
    position: relative;
}

.full-subjectbox .recipient-list {
    width: 100%;
}

.recipient-list .btn, .bs-dropdownlist .btn {
    height: 38px;
    color: #354052;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    /*border-radius: 0;*/
    border-color: #ced0da;
    background: #f1f6f9;
    background: -moz-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
    background: -webkit-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f6f9), to(#e1e6ea));
    background: -o-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
    background: linear-gradient(to bottom, #f1f6f9 0%, #e1e6ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f6f9', endColorstr='#e1e6ea', GradientType=0);
}

    .recipient-list .btn.active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .recipient-list .btn span.fa, .bs-dropdownlist .btn span.fa {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 22px;
        color: #00559a;
    }

.recipient-list .dropdown-menu, .bs-dropdownlist .dropdown-menu {
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .recipient-list .dropdown-menu li a, .bs-dropdownlist .dropdown-menu li a {
        font-size: 16px;
        color: #354052;
        padding: 5px 20px;
    }

.push-block .btn.push-btn {
    font-size: 18px;
    padding: 6px 0;
    font-weight: normal;
    height: auto;
}

.hr-divider {
    border: none;
    background-image: url(../img/divider.png);
    background-repeat: repeat-x;
    height: 1px;
    display: block;
}

.scope-list ul {
    font-size: 0;
    margin-bottom: 0;
}

    .scope-list ul li {
        display: inline-block;
        text-align: center;
        border: 1px solid #ced0da;
        border-left: none;
        width: 20%;
    }

        .scope-list ul li.active {
            border: 1px solid #2ca0f7;
        }

        .scope-list ul li:hover,
        .scope-list ul li:focus {
            border: 1px solid #2ca0f7;
        }

        .scope-list ul li:first-child {
            border-left: 1px solid #ced0da;
        }

        .scope-list ul li a {
            color: #354052;
            font-size: 16px;
            font-weight: normal;
            display: block;
            padding: 8px 10px;
            background: #f1f6f9;
            background: -moz-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
            background: -webkit-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
            background: -webkit-gradient(linear, left top, left bottom, from(#f1f6f9), to(#e1e6ea));
            background: -o-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
            background: linear-gradient(to bottom, #f1f6f9 0%, #e1e6ea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f6f9', endColorstr='#e1e6ea', GradientType=0);
            /*border-right: 1px solid #ced0da;*/
        }

        .scope-list ul li:last-child a {
            /*  border-right: 0*/
        }

        .scope-list ul li a:hover,
        .scope-list ul li a:focus,
        .scope-list ul li.active a {
            background: #1991ec;
            background: -moz-linear-gradient(top, #2ca0f7 0%, #1991ec 100%);
            background: -webkit-linear-gradient(top, #2ca0f7 0%, #1991ec 100%);
            background: -webkit-gradient(linear, left top, left bottom, from(#2ca0f7), to(#1991ec));
            background: -o-linear-gradient(top, #2ca0f7 0%, #1991ec 100%);
            background: linear-gradient(to bottom, #2ca0f7 0%, #1991ec 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca0f7', endColorstr='#1991ec', GradientType=0);
            color: #fff;
            text-decoration: none;
            -webkit-transition: none;
            -o-transition: none;
            -moz-transition: none;
            transition: none;
            /*border-top:1px solid #2ca0f7;
            border-bottom: 1px solid #2ca0f7;*/
        }

.form-sublabel {
    display: inline-block;
    width: 80px;
    float: left;
    color: #354052;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0;
    padding-top: 8px;
}

.subject-list {
    display: block;
    float: left;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    position: relative;
}

    .subject-list ul {
        font-size: 0;
    }

        .subject-list ul li {
            display: inline-block;
            width: 50%;
            position: relative;
        }

    .subject-list span.control-title {
        background: #f1f6f9;
        background: -moz-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
        background: -webkit-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#f1f6f9), to(#e1e6ea));
        background: -o-linear-gradient(top, #f1f6f9 0%, #e1e6ea 100%);
        background: linear-gradient(to bottom, #f1f6f9 0%, #e1e6ea 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f6f9', endColorstr='#e1e6ea', GradientType=0);
        color: #354052;
        font-size: 16px;
        font-weight: bold;
        display: block;
        padding: 6px 10px;
        border: 1px solid #ced0da;
    }

    .subject-list li:first-child span {
        border-right: 0;
    }

.sub-subjectlist {
    height: 231px;
    overflow: auto;
    border: 1px solid #ced0da;
    border-top: none;
}

.subject-list li:first-child .sub-subjectlist {
    border-right: 0;
}

.subject-list li .sub-subjectlist li {
    display: block;
    width: 100%;
}

.sub-subjectlist li a {
    color: #354052;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 6px 10px 6px 15px;
    border-bottom: 1px solid #ced0da;
}

.sub-subjectlist li:nth-child(even) {
    background: #f7f8f9;
}

.sub-subjectlist li:last-child a {
    border-bottom: none;
}

.sub-subjectlist li a:hover,
.sub-subjectlist li a:focus,
.sub-subjectlist li.active a {
    text-decoration: none;
    color: #2ea2f8;
    font-weight: 400;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
}

    .sub-subjectlist li a:hover:after,
    .sub-subjectlist li a:focus:after,
    .sub-subjectlist li.active a:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 15px;
        height: 6px;
        width: 6px;
        font-size: 12px;
        background-color: #2ea2f8;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

.text-title {
    font-size: 20px;
    color: #354052;
    font-weight: 400;
    display: inline-block;
    margin-right: 25px;
}

.tab-pane .btn-md.btn-red {
    font-size: 20px;
    font-weight: 400;
    padding: 8px 20px;
    height: auto;
    min-width: 180px;
}

/* -------- Ends Push Panel ------- */

/* Modal css */

.modal.custom-modal {
    overflow-y: hidden;
}

.custom-modal .k-grid-content,
.custom-modal .k-grid-header-wrap {
    overflow: initial;
}

.custom-modal .modal-body {
    height: 480px;
    overflow: auto;
}

.custom-modal.add-subject-model-popup .modal-body {
    overflow: hidden;
}

.custom-modal div.k-grid-header {
    padding-right: 0 !important;
}

/* ---  Report Tabel Grid --- */

.report-tabelgrid {
    height: 262px;
    overflow-y: auto;
}

.report-description {
    height: calc(100% - 262px);
    height: -moz-calc(100% - 262px);
    height: -webkit-calc(100% - 262px);
    overflow-x: hidden;
}

.report-info-list li {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    color: #354052;
    line-height: 1.4;
}

.dicom-Tablegrid.innertable .table > thead > tr > th {
    background-color: #ffffff;
    font-size: 16px;
    border-bottom-width: 1px;
    font-weight: 600;
}

.dicom-Tablegrid.innertable .table > tbody > tr > td,
.dicom-Tablegrid.innertable .table > tbody > tr > th {
    border-right: 0;
    border-left: 0;
    color: #354052;
    font-size: 14px;
    font-weight: 600;
}

.dicom-Tablegrid .table > tbody > tr > td .link {
    color: #2398f1;
}

.user-setting-header {
    background: #0070cc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0070cc 0%, #005498 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0070cc 0%, #005498 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#0070cc), to(#005498));
    background: -o-linear-gradient(top, #0070cc 0%, #005498 100%);
    background: linear-gradient(to bottom, #0070cc 0%, #005498 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070cc', endColorstr='#005498', GradientType=0);
    /* IE6-9 */
    border-color: #1685d8;
    position: relative;
    padding: 15px 15px;
}

    .user-setting-header h3 {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 0;
        padding: 0;
    }

.user-setting-middle .dicom-Tablegrid .table > tbody > tr > td {
    width: 50%;
    vertical-align: middle;
    color: #354052;
    font-size: 15px;
    position: relative;
    font-weight: 600;
    height: 60px;
}

.user-setting-middle {
    border: 1px solid #ced0da;
    /*  padding: 10px; */
}

.user-setting-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .user-setting-list ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -moz-box-pack: stretch;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
        -webkit-align-content: space-evenly;
        position: relative;
        border-bottom: 1px solid #ced0da;
    }

        .user-setting-list ul li:nth-child(even) {
            background-color: #fafafb;
        }

        .user-setting-list ul li:last-child {
            border-bottom: none;
        }

        .xuser-setting-list ul li div {
            flex-grow: 1;
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            -ms-flex-grow: 1;
            flex: 1;
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            /*width: 250px;*/
        }

.setting-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    -moz-box-pack: left;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    border-right: 1px solid #ced0da;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

.setting-label,
.setting-notification {
    color: #354052;
    font-size: 15px;
    position: relative;
    font-weight: 600;
    padding: 10px 20px;
}

    .setting-notification.setting-update {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: left;
        justify-content: left;
        -moz-box-pack: left;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-align: center;
        align-items: center;
        -moz-box-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        min-height: 100px;
        line-height: 5.7em;
    }

        .setting-notification.setting-update a.link {
            color: #2398f1;
        }

        .setting-notification.setting-update a:hover.link {
            color: #005295;
        }

.notification-text {
    color: #9fa0a2;
    font-size: 14px;
    vertical-align: middle;
}

.action-link {
    color: #2398f1;
    /*position: absolute;
    right: 10px;
    top: 10px;*/
    font-size: 15px;
    font-weight: 600;
    margin-left: 5px;
}

.notification-text .checkbox i {
    margin-right: 10px;
}

.user-setting-middle .dicom-Tablegrid .table > tbody > tr > td div.notification-text {
    color: #9fa0a2;
    font-size: 14px;
    vertical-align: middle;
}

    .user-setting-middle .dicom-Tablegrid .table > tbody > tr > td div.notification-text i {
        margin-right: 15px;
        vertical-align: middle;
        display: inline-block;
    }

/* ---- Subject-list ---- */

ul.link-list {
    margin: 0;
    padding: 0 15px;
    list-style: none;
    font-size: 0;
}

    ul.link-list li {
        display: inline-block;
        white-space: normal;
        width: 33.33%;
        vertical-align: middle;
    }

        ul.link-list li a {
            display: block;
            font-size: 14px;
            line-height: 1;
        }

ul.subject-iconlist {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    text-align: right;
    display: inline-block;
}

    ul.subject-iconlist li {
        display: inline-block;
        vertical-align: middle;
    }

        ul.subject-iconlist li a {
            display: block;
            font-size: 12px;
            line-height: 1;
        }

.inline-subject_info {
    padding: 0 5px;
}

    .inline-subject_info .subject_info {
        position: relative;
        display: inline-block;
        left: auto;
        float: left;
    }

    .inline-subject_info ul.subject-iconlist {
        float: right;
    }

.table.table-blue > thead > tr:nth-child(odd) > td,
.table.table-blue > thead > tr:nth-child(odd) > th {
    background-color: #166eb0;
}

.table.table-blue > thead > tr > th {
    border-color: #ffffff;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    border-bottom: none;
}

.table.table-blue > tbody > tr > td {
    color: #354052;
    font-size: 15px;
    vertical-align: middle;
}

.table .btn.btn-lightgrey span {
    float: right;
    margin-top: 3px;
}

.warning-selected-wrapper {
    width: 400px;
    height: 400px;
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}

.warning-list {
    border: 1px solid #d4d6de;
    background-color: #ffffff;
}

    .warning-list ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;
    }

        .warning-list ul li {
            display: block;
            padding: 12px 15px;
            border-bottom: 1px solid #d4d6de;
        }

            .warning-list ul li:last-child {
                border-bottom: none;
            }

.warning-text {
    font-size: 16px;
    color: #354052;
    vertical-align: middle;
    display: inline-block;
}

.warning-action {
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    display: inline-block;
    float: right;
    text-align: right;
}

.warning-info {
    min-height: 110px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 10px 0;
}

    .warning-info ul {
        margin: 0;
        padding: 0;
    }

        .warning-info ul li {
            font-size: 15px;
            font-weight: 400;
            vertical-align: middle;
            line-height: 1;
            padding: 3px 0 0 20px;
        }

.colortxt-lightgrey {
    color: #adb0b5;
}

/* --------------------- */

.btn.btn-link {
    padding: 3px;
}

.btn.btn-lg {
    padding: 20px 20px;
    height: auto;
    font-size: 18px;
}

.btn.btn-reg {
    font-size: 18px;
    font-weight: 400;
    padding: 9px 20px;
    min-width: 180px;
    height: auto;
}

.btn-md {
    min-width: 140px;
}

.btn-blue {
    color: #fff;
    /*background-color: #428bca;*/
    background: #0071ce;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0071ce 0%, #005498 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0071ce 0%, #005498 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#0071ce), to(#005498));
    background: -o-linear-gradient(top, #0071ce 0%, #005498 100%);
    background: linear-gradient(to bottom, #0071ce 0%, #005498 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071ce', endColorstr='#005498', GradientType=0);
    /* IE6-9 */
    border-color: #005498;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
}

    .btn-blue:hover,
    .btn-blue:focus,
    .btn-blue:active,
    .btn-blue.active,
    .open .dropdown-toggle.btn-blue {
        color: #fff;
        /*background-color: #3276b1;*/
        background: #0071ce;
        /* Old browsers */
        background: -moz-linear-gradient(top, #005498 0%, #0071ce 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #005498 0%, #0071ce 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#005498), to(#0071ce));
        background: -o-linear-gradient(top, #005498 0%, #0071ce 100%);
        background: linear-gradient(to bottom, #005498 0%, #0071ce 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005498', endColorstr='#0071ce', GradientType=0);
        /* IE6-9 */
        border-color: #005498;
    }

    .btn-blue:active,
    .btn-blue.active,
    .open .dropdown-toggle.btn-blue {
        /*background-image: none*/
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-blue.disabled,
    .btn-blue[disabled],
    fieldset[disabled] .btn-blue,
    .btn-blue.disabled:hover,
    .btn-blue[disabled]:hover,
    fieldset[disabled] .btn-blue:hover,
    .btn-blue.disabled:focus,
    .btn-blue[disabled]:focus,
    fieldset[disabled] .btn-blue:focus,
    .btn-blue.disabled:active,
    .btn-blue[disabled]:active,
    fieldset[disabled] .btn-blue:active,
    .btn-blue.disabled.active,
    .btn-blue[disabled].active,
    fieldset[disabled] .btn-blue.active {
        background: #0071cd;
        /* Old browsers */
        background: -moz-linear-gradient(top, #0071cd 0%, #005398 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0071cd 0%, #005398 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#0071cd), to(#005398));
        background: -o-linear-gradient(top, #0071cd 0%, #005398 100%);
        background: linear-gradient(to bottom, #0071cd 0%, #005398 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071cd', endColorstr='#005398', GradientType=0);
        /* IE6-9 */
        border-color: #0071ce;
    }

    .btn-blue .badge {
        color: #0071cd;
        background-color: #fff;
    }

.btn-grey {
    color: #404e5d;
    /*background-color: #428bca;*/
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
    background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
    /* IE6-9 */
    border-color: #ced0da;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
}

    .btn-grey:hover,
    .btn-grey:focus,
    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        color: #404e5d;
        /*background-color: #3276b1;*/
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f5f8), to(#ffffff));
        background: -o-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
        background: linear-gradient(to bottom, #f3f5f8 0%, #ffffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f8', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
        border-color: #ced0da;
    }

    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        /*background-image: none*/
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-grey.disabled,
    .btn-grey[disabled],
    fieldset[disabled] .btn-grey,
    .btn-grey.disabled:hover,
    .btn-grey[disabled]:hover,
    fieldset[disabled] .btn-grey:hover,
    .btn-grey.disabled:focus,
    .btn-grey[disabled]:focus,
    fieldset[disabled] .btn-grey:focus,
    .btn-grey.disabled:active,
    .btn-grey[disabled]:active,
    fieldset[disabled] .btn-grey:active,
    .btn-grey.disabled.active,
    .btn-grey[disabled].active,
    fieldset[disabled] .btn-grey.active {
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f5f8), to(#ffffff));
        background: -o-linear-gradient(top, #f3f5f8 0%, #ffffff 100%);
        background: linear-gradient(to bottom, #f3f5f8 0%, #ffffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f8', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
        border-color: #ced0da;
    }

    .btn-grey .badge {
        color: #2da0f6;
        background-color: #fff;
    }

/* ----------- */

.btn-blue-grey {
    color: #404e5d;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
    background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
    /* IE6-9 */
    border-color: #ced0da;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
}

    .btn-blue-grey:hover,
    .btn-blue-grey:focus,
    .btn-blue-grey:active,
    .btn-blue-grey.active,
    .open .dropdown-toggle.btn-blue-grey {
        color: #fff;
        /*background-color: #3276b1;*/
        background: #2da0f6;
        /* Old browsers */
        background: -moz-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#2da0f6), to(#1a91ec));
        background: -o-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
        background: linear-gradient(to bottom, #2da0f6 0%, #1a91ec 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da0f6', endColorstr='#1a91ec', GradientType=0);
        /* IE6-9 */
        border-color: #1685d8;
    }

    .btn-blue-grey:active,
    .btn-blue-grey.active,
    .open .dropdown-toggle.btn-blue-grey {
        /*background-image: none*/
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-blue-grey.disabled,
    .btn-blue-grey[disabled],
    fieldset[disabled] .btn-blue-grey,
    .btn-blue-grey.disabled:hover,
    .btn-blue-grey[disabled]:hover,
    fieldset[disabled] .btn-blue-grey:hover,
    .btn-blue-grey.disabled:focus,
    .btn-blue-grey[disabled]:focus,
    fieldset[disabled] .btn-blue-grey:focus,
    .btn-blue-grey.disabled:active,
    .btn-blue-grey[disabled]:active,
    fieldset[disabled] .btn-blue-grey:active,
    .btn-blue-grey.disabled.active,
    .btn-blue-grey[disabled].active,
    fieldset[disabled] .btn-blue-grey.active {
        background: #2da0f6;
        /* Old browsers */
        background: -moz-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#2da0f6), to(#1a91ec));
        background: -o-linear-gradient(top, #2da0f6 0%, #1a91ec 100%);
        background: linear-gradient(to bottom, #2da0f6 0%, #1a91ec 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da0f6', endColorstr='#1a91ec', GradientType=0);
        /* IE6-9 */
        border-color: #1685d8;
    }

    .btn-blue-grey .badge {
        color: #2da0f6;
        background-color: #fff;
    }

/* ------------ */

.btn-green {
    color: #ffffff;
    background-color: #39b349;
    border-color: #249533;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
}

    .btn-green:hover,
    .btn-green:focus,
    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        color: #ffffff;
        background-color: #299237;
        border-color: #249533;
    }

    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        /*background-image: none*/
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-green.disabled,
    .btn-green[disabled],
    fieldset[disabled] .btn-green,
    .btn-green.disabled:hover,
    .btn-green[disabled]:hover,
    fieldset[disabled] .btn-green:hover,
    .btn-green.disabled:focus,
    .btn-green[disabled]:focus,
    fieldset[disabled] .btn-green:focus,
    .btn-green.disabled:active,
    .btn-green[disabled]:active,
    fieldset[disabled] .btn-green:active,
    .btn-green.disabled.active,
    .btn-green[disabled].active,
    fieldset[disabled] .btn-green.active {
        background-color: #299237;
        border-color: #249533;
    }

    .btn-green .badge {
        color: #249533;
        background-color: #fff;
    }

/* ------------ */

.btn-darkgrey {
    color: #ffffff;
    background-color: #3e4c5b;
    border-color: #3b4958;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
}

    .btn-darkgrey:hover,
    .btn-darkgrey:focus,
    .btn-darkgrey:active,
    .btn-darkgrey.active,
    .open .dropdown-toggle.btn-darkgrey {
        color: #ffffff;
        background-color: #323f4d;
        border-color: #3b4958;
    }

    .btn-darkgrey:active,
    .btn-darkgrey.active,
    .open .dropdown-toggle.btn-darkgrey {
        /*background-image: none*/
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-darkgrey.disabled,
    .btn-darkgrey[disabled],
    fieldset[disabled] .btn-darkgrey,
    .btn-darkgrey.disabled:hover,
    .btn-darkgrey[disabled]:hover,
    fieldset[disabled] .btn-darkgrey:hover,
    .btn-darkgrey.disabled:focus,
    .btn-darkgrey[disabled]:focus,
    fieldset[disabled] .btn-darkgrey:focus,
    .btn-darkgrey.disabled:active,
    .btn-darkgrey[disabled]:active,
    fieldset[disabled] .btn-darkgrey:active,
    .btn-darkgrey.disabled.active,
    .btn-darkgrey[disabled].active,
    fieldset[disabled] .btn-darkgrey.active {
        background-color: #323f4d;
        border-color: #3b4958;
    }

    .btn-darkgrey .badge {
        color: #3b4958;
        background-color: #fff;
    }

/* ----------- */

.btn-greengred {
    color: #ffffff;
    background: #56d73f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #56d73f 0%, #2cb414 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #56d73f 0%, #2cb414 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#56d73f), to(#2cb414));
    background: -o-linear-gradient(top, #56d73f 0%, #2cb414 100%);
    background: linear-gradient(to bottom, #56d73f 0%, #2cb414 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56d73f', endColorstr='#2cb414', GradientType=0);
    /* IE6-9 */
    border-color: #259533;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
}

    .btn-greengred:hover,
    .btn-greengred:focus,
    .btn-greengred:active,
    .btn-greengred.active,
    .open .dropdown-toggle.btn-greengred {
        color: #fff;
        /*background-color: #3276b1;*/
        background: #2cb414;
        /* Old browsers */
        background: -moz-linear-gradient(top, #2cb414 0%, #56d73f 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #2cb414 0%, #56d73f 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#2cb414), to(#56d73f));
        background: -o-linear-gradient(top, #2cb414 0%, #56d73f 100%);
        background: linear-gradient(to bottom, #2cb414 0%, #56d73f 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb414', endColorstr='#56d73f', GradientType=0);
        /* IE6-9 */
        border-color: #259533;
    }

    .btn-greengred:active,
    .btn-greengred.active,
    .open .dropdown-toggle.btn-greengred {
        /*background-image: none*/
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-greengred.disabled,
    .btn-greengred[disabled],
    fieldset[disabled] .btn-greengred,
    .btn-greengred.disabled:hover,
    .btn-greengred[disabled]:hover,
    fieldset[disabled] .btn-greengred:hover,
    .btn-greengred.disabled:focus,
    .btn-greengred[disabled]:focus,
    fieldset[disabled] .btn-greengred:focus,
    .btn-greengred.disabled:active,
    .btn-greengred[disabled]:active,
    fieldset[disabled] .btn-greengred:active,
    .btn-greengred.disabled.active,
    .btn-greengred[disabled].active,
    fieldset[disabled] .btn-greengred.active {
        background: #2cb414;
        /* Old browsers */
        background: -moz-linear-gradient(top, #2cb414 0%, #56d73f 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #2cb414 0%, #56d73f 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#2cb414), to(#56d73f));
        background: -o-linear-gradient(top, #2cb414 0%, #56d73f 100%);
        background: linear-gradient(to bottom, #2cb414 0%, #56d73f 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb414', endColorstr='#56d73f', GradientType=0);
        /* IE6-9 */
        border-color: #259533;
    }

    .btn-greengred .badge {
        color: #2cb414;
        background-color: #fff;
    }

/* ----- 2-4-2018 ------- */

.btn-red {
    color: #ffffff;
    background: #ec1b23;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ec1b23 0%, #9f0b10 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ec1b23 0%, #9f0b10 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ec1b23), to(#9f0b10));
    background: -o-linear-gradient(top, #ec1b23 0%, #9f0b10 100%);
    background: linear-gradient(to bottom, #ec1b23 0%, #9f0b10 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1b23', endColorstr='#9f0b10', GradientType=0);
    /* IE6-9 */
    border-color: #9f0b10;
    height: 36px;
    font-weight: 600;
    font-size: 14px;
}

    .btn-red:hover,
    .btn-red:focus,
    .btn-red:active,
    .btn-red.active,
    .open .dropdown-toggle.btn-red {
        color: #fff;
        /*background-color: #3276b1;*/
        background: #9f0b10;
        /* Old browsers */
        background: -moz-linear-gradient(top, #9f0b10 0%, #ec1b23 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #9f0b10 0%, #ec1b23 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#9f0b10), to(#ec1b23));
        background: -o-linear-gradient(top, #9f0b10 0%, #ec1b23 100%);
        background: linear-gradient(to bottom, #9f0b10 0%, #ec1b23 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0b10', endColorstr='#ec1b23', GradientType=0);
        /* IE6-9 */
        border-color: #9f0b10;
    }

    .btn-red:active,
    .btn-red.active,
    .open .dropdown-toggle.btn-red {
        /*background-image: none*/
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-red.disabled,
    .btn-red[disabled],
    fieldset[disabled] .btn-red,
    .btn-red.disabled:hover,
    .btn-red[disabled]:hover,
    fieldset[disabled] .btn-greengred:hover,
    .btn-red.disabled:focus,
    .btn-red[disabled]:focus,
    fieldset[disabled] .btn-red:focus,
    .btn-red.disabled:active,
    .btn-red[disabled]:active,
    fieldset[disabled] .btn-red:active,
    .btn-red.disabled.active,
    .btn-red[disabled].active,
    fieldset[disabled] .btn-red.active {
        background: #9f0b10;
        /* Old browsers */
        background: -moz-linear-gradient(top, #9f0b10 0%, #ec1b23 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #9f0b10 0%, #ec1b23 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#9f0b10), to(#ec1b23));
        background: -o-linear-gradient(top, #9f0b10 0%, #ec1b23 100%);
        background: linear-gradient(to bottom, #9f0b10 0%, #ec1b23 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0b10', endColorstr='#ec1b23', GradientType=0);
        /* IE6-9 */
        border-color: #9f0b10;
    }

    .btn-red .badge {
        color: #2cb414;
        background-color: #fff;
    }

.btn-lightgrey {
    border: 1px solid #ced0da;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f5f8));
    background: -o-linear-gradient(top, #ffffff 0%, #f3f5f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f5f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8', GradientType=0);
    /* IE6-9 */
    position: relative;
    text-align: left;
    min-width: 90px;
}

/* ----------------- */

/*.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .btn-blue.btn-wd,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn-blue.btn-wd,
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons .btn-default.btn-wd,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn-default.btn-wd*/

.btn-wd {
    min-width: 120px !important;
}

.jconfirm.jconfirm-white.alrtbox .jconfirm-box,
.jconfirm.jconfirm-light.alrtbox .jconfirm-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.jconfirm.alrtbox .jconfirm-box.jconfirm-type-blue {
    border-color: #005498 !important;
}

.alrtbox .jconfirm-content i {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.alrtbox .jconfirm-content .alrt-content {
    display: inline-block;
    width: -webkit-calc(100% - 78px);
    width: -moz-calc(100% - 78px);
    width: calc(100% - 78px);
    vertical-align: middle;
    /*font-size: 14px;*/
    font-weight: normal;
    color: #354052;
    line-height: 1.4;
}

.alrtbox-model .jconfirm-content .alrt-content {
    width: 100% !important;
}

.jconfirm.alrtbox .jconfirm-box {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
}

    .jconfirm.alrtbox .jconfirm-box div.jconfirm-content-pane {
        margin-bottom: 25px;
    }

.system-error-icon {
    background: url(../img/system-error.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 58px;
    height: 58px;
    display: inline-block;
    vertical-align: middle;
}

.system-help-icon {
    background: url(../img/system-help.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 58px;
    height: 58px;
    display: inline-block;
    vertical-align: middle;
}

/* ------------ */

.btn-icon {
    height: auto;
    padding: 0 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.custom-navbar-form .has-feedback .form-control-feedback {
    top: 0;
}

/* ---------- Ring Lodar ------------ */

.lds-wrapper {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

@-moz-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-o-keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.lds-dual-ring {
    position: relative;
}

    .lds-dual-ring div {
        position: fixed;
        width: 80px;
        height: 80px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 6px solid #000;
        border-color: #0068bc transparent #0068bc transparent;
        -webkit-animation: lds-dual-ring 2.2s linear infinite;
        -moz-animation: lds-dual-ring 2.2s linear infinite;
        -o-animation: lds-dual-ring 2.2s linear infinite;
        animation: lds-dual-ring 2.2s linear infinite;
    }

        .lds-dual-ring div:nth-child(2) {
            width: 64px;
            height: 64px;
            top: 0px;
            left: 0px;
            border-color: transparent #d4d5d9 transparent #d4d5d9;
            -webkit-animation: lds-dual-ring_reverse 2.2s linear infinite;
            -moz-animation: lds-dual-ring_reverse 2.2s linear infinite;
            -o-animation: lds-dual-ring_reverse 2.2s linear infinite;
            animation: lds-dual-ring_reverse 2.2s linear infinite;
        }

.lds-double-ring {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    -moz-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    -ms-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    -o-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/*.mmi-table thead tr th {
    border: 1px solid #ddd;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #025aa3;
    color: white;
    vertical-align:middle;
}

.mmi-table tbody tr td {
    border: 1px solid #ddd;
    padding: 8px;
}*/

.sprit2.videofile {
    background: url(../img/other-sm.png) !important;
    background-position: 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
}

.sprit2 {
    background: url(../img/sprite2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

    .sprit2.doneicon {
        background-position: 0 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.neededicon {
        background-position: -16px 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.partialicon {
        background-position: -32px 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.info_blueicon {
        background-position: -48px 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.info_greyicon {
        background-position: -64px 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.warningsicon {
        background-position: -80px 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.actioncloseicon {
        background-position: 0 -16px;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.dotsicon {
        background-position: -16px -16px;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.darkdotsicon {
        background-position: -32px -16px;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.correcticon {
        background-position: -48px -16px;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .sprit2.fullgray {
        /*background-position: -72px -108px;*/
        background-position: -84px -108px;
        display: inline-block;
        width: 12px;
        height: 12px;
        position: relative;
    }

.status-icon-col {
    width: 65px;
}

.mid-val-col {
    width: 150px;
}

.scrollx {
    overflow-x: scroll;
}

.scrolly {
    overflow-y: scroll;
}

.scrollxy {
    overflow: scroll;
}

.bg-lightgray {
    background-color: #f7f7f7;
}

.bg-darkergray {
    background-color: #e6e7ec;
}

.bg-strip {
    background: url(../img/skip-bg.png) left top;
}

.bg-lightyellow {
    background-color: lightyellow;
}

.bg-white {
    background-color: white;
}

.txt-danger {
    color: #ed1c24;
}

.border-red {
    /*border-color: #ed1c24;*/
}

.field-validation-error,
.validation-message {
    color: #ed1c24;
    margin-top: 5px;
    display: block;
    /*font-size:12px;*/
}

.field-validation-warning {
    color: #fed500;
    margin-top: 5px;
    display: block;
    /*font-size:12px;*/
}

.field-validation-valid {
    display: none;
}

.visit-not-applicable {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    color: #555657;
}

/* -------- */

.btnie {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    height: 100%;
}

.sub-subjectlist.brd-none {
    border-right: none;
}

.sub-subjectlist .btn-include {
    background: url(../img/rgt-arrow.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 12px;
    height: 24px;
    display: block;
    border: none;
    margin: 0 auto;
}

.sub-subjectlist .btn-exclude {
    background: url(../img/lft-arrow.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 12px;
    height: 24px;
    display: block;
    border: none;
    margin: 0 auto;
}

/* ------------------- */

.panelbox.panelbox-full {
    width: 100%;
}

.panelbox.full-panelbox {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #909da8;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

    .panelbox.full-panelbox .site-list ul li {
        padding: 0;
        border-bottom-color: #909da8;
        /*border-left: 1px solid #909da8;
    border-right: 1px solid #909da8;*/
    }

.my-trial-page .panelbox.full-panelbox .site-list ul li,
.my-trial-page .left-right-border {
    border-left: 1px solid #909da8;
    border-right: 1px solid #909da8;
}

    .my-trial-page .panelbox.full-panelbox .site-list ul li:last-child.trial-items {
        border-bottom: 1px solid #909da8;
    }

.panelbox.full-panelbox .site-list ul li .contact-info ul li {
    border-left: 0;
    border-right: 0;
}

.panelbox.full-panelbox .panelfooter {
    border-top-color: #909da8;
}

.paneltop {
    /* position: relative;
    top: 0;
    left: 0;
    right: 0;*/
    /*height: 203px !important;*/
    width: 100%;
}

.panelbottom {
    width: 100%;
    flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    /*display: -webkit-box;
display: -ms-flexbox;
display: flex;*/
    overflow: hidden;
    overflow-y: auto;
    /*
    padding: 20px;
        position: relative;
    height: calc(150px - 100%);
   
    top: 0;*/
    /*top: 203px;*/
}

    .panelbottom .panelbody {
        /* overflow-y: auto;
    height: calc(432px - 100%);*/
        max-height: inherit;
        overflow-y: hidden;
    }

.trial-block {
    padding: 20px;
    /* margin : 2% 0; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*justify-content: center;*/
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-content: stretch;
    height: 100%;
}

    .trial-block .trial-logo {
        text-align: center;
    }

.site-list .brd-left-right {
    border-left: 1px solid #909da8;
    border-right: 1px solid #909da8;
}

.trial-secondblock .project-top-title {
    color: #354052;
    font-size: 18px;
}

.trial-secondblock {
    padding: 20px 0;
    /* margin : 2% 0; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-content: stretch;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

.bg-grey {
    background-color: #f5f6f8;
}

.brd-left {
    border-left: 1px solid #909da8;
}

.row.row-flex {
    /* display: flex; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; */
    /* -ms-flex-align: center!important;
    align-items: center!important; */
    margin-right: 0;
    margin-left: 0;
}

.panelbox.full-panelbox .site-list ul li .contact-info ul {
    border-left: none;
    padding: 0;
}

    .panelbox.full-panelbox .site-list ul li .contact-info ul li {
        margin-bottom: 0;
    }

.panelbox.full-panelbox .site-list ul li .contact-info i.sprite {
    margin-right: 3px;
}

.panelbox.full-panelbox .site-list ul li .contact-info ul li div.contactleft {
    min-width: 200px;
    text-align: right;
    font-size: 16px;
    display: inline-block;
    padding: 3px 10px 3px 0;
    border-right: 1px solid #9a9fa8;
}

.panelbox.full-panelbox .site-list ul li .contact-info ul li div.contactright {
    padding: 0 0 0 5px;
    font-size: 15px;
    display: inline-block;
}

    .panelbox.full-panelbox .site-list ul li .contact-info ul li div.contactright span {
        color: #354052;
        font-size: 16px;
    }

        .panelbox.full-panelbox .site-list ul li .contact-info ul li div.contactright span.seprator {
            height: 16px;
            width: 1px;
            display: inline-block;
            background-color: #9a9fa8;
            vertical-align: middle;
            margin: 0 3px 0 4px;
        }

.message-text {
    font-size: 14px;
    color: #354052;
    line-height: 1.4;
}

.brd-right-blue {
    border-right: 3px solid #005295;
}

/* --------- portal- block  -------------- **/

.portal-wrapper {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    /* display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column; */
}

.portal-block {
    padding: 20px;
    position: relative;
    height: 330px;
}

.portal-block-bottom {
    width: 100%;
    flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
    /* height: calc(100% - 218px);
    height: -webkit-calc(100% - 218px);
    height: -moz-calc(100% - 218px); */
}

    .portal-block-bottom .portal-body {
        height: calc(100% - 53px);
        height: -webkit-calc(100% - 53px);
        height: -moz-calc(100% - 53px);
        overflow-y: auto;
        top: 53px;
        position: relative;
    }




    .portal-block-bottom .points_table tbody {
        height: auto;
        overflow: hidden;
    }

    .portal-block-bottom .points_table, .portal-block-bottom .portal-table {
        height: 100%;
    }

    .portal-block-bottom .portal-table {
        overflow-y: auto;
        border: 1px solid #dfe2e5;
        border-top: none;
    }

    .portal-block-bottom .portal-block-bottom-content {
        padding: 20px;
        width: 100%;
        flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        overflow: hidden;
        /* height: 100%; */
        height: 43vh;
    }

.portal-block .portal-body {
    position: absolute;
    height: calc(100% - 93px);
    height: -moz-calc(100% - 93px);
    height: -webkit-calc(100% - 93px);
    top: 70px;
    left: 20px;
    right: 20px;
}

.portal-block .portal-table {
    overflow-y: auto;
}

.portal-header {
    padding: 10px;
    background-color: #f5f6f8;
    min-height: 53px;
    border: 1px solid #dfe2e5;
    position: absolute;
    left: 20px;
    right: 20px;
}

    .portal-header h3 {
        color: #354052;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }

.portal-table tbody td a {
    cursor: pointer;
}

.points_table {
    /* border: 1px solid #dfe2e5; */
}

    .points_table thead {
        width: 100%;
    }

    .points_table tbody {
        height: 200px;
        overflow-y: auto;
        width: 100%;
    }

    .points_table thead tr {
        width: 99%;
    }

    .points_table tr {
        width: 100%;
    }

    .points_table thead,
    .points_table tbody,
    .points_table tr,
    .points_table td,
    .points_table th {
        display: inline-block;
    }

    .points_table thead {
        background: #ffffff;
        color: #7f8fa4;
    }

        .points_table tbody td,
        .points_table thead > tr > th {
            float: left;
            border-bottom-width: 0;
        }

    .points_table > tbody > tr > td,
    .points_table > tbody > tr > th,
    .points_table > tfoot > tr > td,
    .points_table > tfoot > tr > th,
    .points_table > thead > tr > td,
    .points_table > thead > tr > th {
        padding: 8px;
        /* height: 50px;*/
        text-align: left;
        line-height: 1.4;
        font-size: 14px;
        font-weight: 600;
    }

    .points_table > tbody > tr > td,
    .points_table > thead > tr > td,
    .points_table > thead > tr > th {
        border-top: 1px solid #dfe2e5;
    }

    .points_table > thead > tr:first-child > th {
        border-top: none;
    }

.odd {
    background: #ffffff;
    color: #354052;
}

.even {
    background: #eff3f6;
    color: #354052;
}

/*.points_table_scrollbar{
    height: 230px;
    overflow-y: scroll;
}
*/

/* ------ Finalize ---------- */

.padding-top-15 {
    padding-top: 15px;
}

.pdLR-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.separator {
    height: 80px;
    width: 1px;
    display: block;
    background-color: #cccfd4;
    margin: 0 auto;
}

.bootstrap-datetimepicker-widget table td.separator {
    background-color: white;
}

.finalize-table {
    height: calc(100% - 56px);
    height: -moz-calc(100% - 56px);
    height: -webkit-calc(100% - 56px);
}

.dataentryAccordion i.sprit2.yellowerror-brd {
    margin-right: 0;
}

.description-box {
    border-top: 6px solid #005eab;
    border-right: 1px solid #ced0da;
    border-bottom: 1px solid #ced0da;
    border-left: 1px solid #ced0da;
    position: relative;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

span.btn-closegrey {
    position: absolute;
    border: none;
    background-color: transparent;
    top: -24px;
    right: 10px;
}

.description-box .list-table.k-widget {
    border: none;
    border-right: 1px solid #ced0da;
}

.finalize-block table > tbody > tr:nth-child(even) > td {
    background-color: #eff3f6 !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: none !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.input-visit-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-visit-addon {
    padding: 6px 6px;
    line-height: 1;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

    .input-visit-addon sup {
        top: -.9em;
    }

#collapse_validation-summary .panel-body .customTab {
    padding-top: 0px;
}

/*.skipped-attribiute{display:none;}*/

.mmi-table tr th,
.mmi-table tr td {
    vertical-align: middle !important;
}

.left-right-tag-border {
    border-left: 1px solid #ced0da;
    border-right: 1px solid #ced0da;
}

ul.include-exclude-control {
    margin-bottom: 0px;
}

/* ----------- image-viewer-block -----------*/

.image-viewer-block {
    /* width: 80%;
    margin:  0 auto;
    position: relative; */
    /* width: 100%; */
    width: 85%;
    height: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #909da8;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

.img-viewer-header {
    background-color: #006fca;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.2;
    padding: 5px 0;
}

    .img-banner-header > div, .img-viewer-header span, .img-view-header-title {
        font-size: 14px;
        display: block;
    }

.img-banner-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    height: 30px;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

.action-control {
    position: absolute;
    right: 10px;
    top: 9px;
}

    .action-control a {
        display: inline-block;
    }

        .action-control a img {
            padding: 5px;
        }

        .action-control a:hover {
            text-decoration: none;
            background-color: #005499;
        }

.viewer-controls {
    z-index: 1000;
    position: absolute;
    left: 0;
    width: 56px;
    top: 0;
    bottom: 0;
    height: 100%;
}

    .viewer-controls ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        /*padding: 10px;*/
        overflow-y: auto;
        height: 100%;
        /* height: calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px); */
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .viewer-controls li i.sprit2 {
        margin-right: 0;
    }

    .viewer-controls li {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -moz-box-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        border-bottom: 1px solid #909da8;
        -ms-flex-align: center;
        align-items: center;
        -moz-box-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        position: relative;
        text-align: center;
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #d8d9da 100%);
        background: -webkit-linear-gradient(top, #eeeeee 0%, #d8d9da 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d8d9da));
        background: -o-linear-gradient(top, #eeeeee 0%, #d8d9da 100%);
        background: linear-gradient(to bottom, #eeeeee 0%, #d8d9da 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d9da', GradientType=0);
    }

        .viewer-controls li:hover,
        .viewer-controls li.active {
            background: #0a4971 !important;
            background: -moz-linear-gradient(top, #0a4971 0%, #14639d 99%) !important;
            background: -webkit-linear-gradient(top, #0a4971 0%, #14639d 99%) !important;
            background: -webkit-gradient(linear, left top, left bottom, from(#0a4971), color-stop(99%, #14639d)) !important;
            background: -o-linear-gradient(top, #0a4971 0%, #14639d 99%) !important;
            background: linear-gradient(to bottom, #0a4971 0%, #14639d 99%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4971', endColorstr='#14639d', GradientType=0) !important;
        }

.viewer-slider {
    left: 56px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.img-viewer-wrap {
    position: relative;
    width: -webkit-calc(100% - 144px);
    width: -moz-calc(100% - 144px);
    width: calc(100% - 144px);
    height: 100%;
    background-color: #f2f2f2;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    /*display:block;*/
}

#thumbnail-slider-prev {
    top: 0 !important;
}

#thumbnail-slider-next {
    bottom: 42px !important;
}

    #thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled {
        opacity: 0.5 !important;
        background-color: #516072;
    }

#examstrip-slider-block.img-viewer-examstrip {
    position: absolute;
    right: 0;
    width: 144px;
    top: 40px;
    bottom: 0;
}

.thumb canvas {
    background-color: black;
}

.lSSlideWrapper, .lSSlideOuter.vertical, #examstrip-slider-block .inner {
    height: 100% !important;
}

.lSSlideOuter.vertical {
    background-color: #f2f2f2;
}

    .lSSlideOuter.vertical .lightSlider > * {
        height: auto !important;
    }

    .lSSlideOuter.vertical .lightSlider li {
        text-align: center;
    }

        .lSSlideOuter.vertical .lightSlider li img {
            max-width: 100%;
        }

        .lSSlideOuter.vertical .lightSlider li.active {
            border: 3px solid #2cb414;
        }

    .lSSlideOuter.vertical .lSAction > .lSPrev {
        top: 0 !important;
    }

    .lSSlideOuter.vertical .lSAction > .lSNext {
        bottom: 0 !important;
    }

        .lSSlideOuter.vertical .lSAction > .lSPrev::before, .lSSlideOuter.vertical .lSAction > .lSNext::before {
            position: absolute;
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-left: -5px;
            border-left: 4px solid white;
            border-top: 4px solid white;
            left: 50%;
        }

    .lSSlideOuter.vertical .lSAction > .lSPrev::before {
        top: 12px;
        -ms-transform: rotate(-45deg); /*IE9*/
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .lSSlideOuter.vertical .lSAction > .lSNext::before {
        bottom: 12px;
        -ms-transform: rotate(135deg); /*IE9*/
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    /*height: 100% !important;*/
    width: 100% !important;
}

.lSAction > a {
    background-color: #516072;
    width: 100% !important;
    background-image: none !important;
    opacity: 0.8 !important;
}

.lSSlideOuter.vertical .lSAction > a {
    margin-left: 0 !important;
    left: 0 !important;
}

.lSAction > .lSNext {
    right: 0 !important;
}


.img-viewer-middle {
    position: relative;
    /*height: calc(100% - 130px);*/
    height: calc(100% - 95px);
    height: -moz-calc(100% - 95px);
    height: -webkit-calc(100% - 95px);
    overflow: hidden;
}

.img-viewer-footer {
    background-color: #f2f2f2;
    padding: 10px;
    width: 100%;
    flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
    overflow-y: auto;
    border-right: 1px solid #909da8;
}

#ninja-slider ul {
    margin-bottom: 0;
    padding-top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.img-viewer-info {
    padding: 0 15px;
}

    .img-viewer-info p {
        color: #354052;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.2;
    }

    .img-viewer-info ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.img-viewer-action {
    text-align: center;
    border-left: 1px solid #909da8;
    padding: 0 20px;
}

    .img-viewer-action a {
        margin-bottom: 5px;
        white-space: normal;
        display: block;
        height: auto;
        line-height: 1.2;
    }

        .img-viewer-action a span {
            font-weight: normal;
        }

.dicomBlock .glyphicon.glyphicon-chevron-left-lg {
    background-image: url(../img/left-arrow-lg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.dicomBlock .glyphicon.glyphicon-chevron-right-lg {
    background-image: url(../img/right-arrow-lg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 50%;
}

.viewer-slider .glyphicon.glyphicon-chevron-left-lg::before {
    content: '';
}

.dicomViewerInitialize {
    height: 100%;
}

.img-viewer-header {
    position: relative;
}

    .img-viewer-header .close span {
        font-size: 28px;
    }

    .img-viewer-header button.close {
        position: absolute;
        right: 10px;
        top: 5px;
    }

.display-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.bg-black {
    background-color: black;
}

/* carousel-control */

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    background-repeat: no-repeat;
    width: auto;
}

.tab-content.dwv-tab-content .carousel-control.left {
    left: 35px;
}

.tab-content.dwv-tab-content .carousel-control.right {
    right: 35px;
}

.tab-content.dwv-tab-content .img-viewer-header {
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.tab-content.dwv-tab-content .dicomViewer {
    width: 100%;
    height: calc(100% - 42px);
    height: -moz-calc(100% - 42px);
    height: -webkit-calc(100% - 42px);
    top: 42px;
    left: 0px;
    position: absolute;
    overflow-y: auto;
}

.tab-content.dwv-tab-content #afs-image-viewer .dicomViewer {
    overflow-y: visible !important;
}

.tab-content.dwv-tab-content .tableGridsearch {
    padding: 6px 15px;
    position: absolute;
    height: 48px;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: 1px solid #ccc;
}

.tab-content.dwv-tab-content .dicom-Tablegrid {
    width: 100%;
    height: calc(100% - 102px);
    height: -moz-calc(100% - 102px);
    height: -webkit-calc(100% - 102px);
    top: 102px;
    left: 0px;
    position: absolute;
    overflow-y: auto;
}

.add-subject-model-popup .modal-body {
    height: 570px;
}

.exp-col-all {
    cursor: pointer;
    font-size: 14px !important;
}


/* Custom scrollbar */

.vertical-scrollbar {
    z-index: 1000;
    position: absolute;
    right: 0;
    width: 18px;
    top: 0;
    bottom: 0;
    height: 100%;
}




#slider-vertical {
    height: calc(100% - 54px) !important;
    height: -moz-calc(100% - 54px) !important;
    height: -webkit-calc(100% - 54px) !important;
    right: -1px !important;
    border-bottom-style: none;
}

.viewer-slider .ui-slider-handle {
    background-color: #0068be !important;
    border: 1px solid #0068be !important;
    left: -3px !important;
    right: 0 !important;
    width: 17px !important;
    margin: -19px 2px !important;
    height: 19px !important;
}

.viewer-slider .ui-widget-header, #slider-vertical {
    background: rgba(249,249,249,1);
    background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(226,226,226,1)));
    background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(249,249,249,1)), to(rgba(226,226,226,1)));
    background: linear-gradient(to right, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e2e2e2', GradientType=1 );
}

.viewer-slider .ui-corner-all,
.viewer-slider .ui-corner-bottom,
.viewer-slider .ui-corner-right,
.viewer-slider .ui-corner-br {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.viewer-slider .ui-slider-vertical {
    width: 17px;
}

.viewer-slider a .glyphicon-chevron-up {
    background-image: url(../img/scroll-up.png);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
    width: 17px;
    height: 17px;
    right: -2px;
    top: 0;
}

    .viewer-slider a .glyphicon-chevron-up:before {
        content: '' !important;
    }

.viewer-slider a .glyphicon-chevron-down {
    background-image: url(../img/scroll-down.png);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
    width: 17px;
    height: 17px;
    right: -2px;
    bottom: 0;
}

    .viewer-slider a .glyphicon-chevron-down:before {
        content: '' !important;
    }

#slider-end {
    height: 20px;
    background: rgba(249,249,249,1);
    background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(226,226,226,1)));
    background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(249,249,249,1)), to(rgba(226,226,226,1)));
    background: linear-gradient(to right, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e2e2e2', GradientType=1 );
    width: 17px;
    margin-left: 1px;
    border-top: none !important;
    border: 1px solid #c5c5c5;
}

.full-width {
    width: 100% !important;
}

.cls-close-small-ex {
    display: inline-block !important;
}

.fa-group-addon-box {
    color: white;
    font-size: 22px;
    width: 22px;
    height: 22px;
}

.cls-verified {
    color: #5ea65e;
}

.cls-unverified {
    color: lightgray;
}

.success-block {
    color: #228a3a !important;
}

.dcm-html-viewer {
    width: 100%;
    height: 100%;
    padding: 5px;
    display: none;
    overflow: auto;
    overflow-x: hidden;
    background: #ffffff;
    color: #354052;
}

.dcm-html-viewer-control {
    padding: 5px;
    background: #ffffff;
    color: #354052;
}

.dicom-img-file-block .page-contentRight .data-entry-tabs-top .portlet-body {
    display: none;
}

.dataentry-wrapper .data-entry-tabs-top {
    background: #feffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#f2f4f7));
    background: -o-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    background: linear-gradient(to bottom, #feffff 0%, #f2f4f7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2f4f7', GradientType=0);
    /* IE6-9 */
}
.field-validation-error .span-msg {
    display: block;
}

.wp-ul-messages {
    list-style: none;
    color: #ed1c24;
    padding-left: 0px;
    text-align: center;
}

/*.wp-ul-messages .wp-spn-attr-lbl {
    color:black;
}*/

a[disabled] {
    pointer-events: none;
    color:grey;
}

.required::after {
    content: " *";
    font-weight: bold;
    color: #ed1c24;
}

.kt-wizard-v2__content input.form-control, .kt-wizard-v2__content select.form-control {
    width: 390px !important;
}


.kt-wizard-v2__content .pdf_policy_viewer {
   
}


.kt-wizard-v2__content #sig-clearBtn{
    margin-bottom : 5px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.15;
    filter: grayscale(100%);
    -webkit-box-shadow: none;
    box-shadow: none;
}