html,
body {
    background: url('../images/background_new.png') !important;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 10px 15px 0px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}



input, select, textarea, .btn {
    border-radius: 3px;
}

/* Header */

.img-logo {
    width: 150px;
}

.head-announcement {
    margin-top: 50px;
}

.name-date-announcement {
    text-align: right;
}

.btn-dropdown-menu {
    background-color: #fff !important;
}

.margin-0 {
    margin: 0 !important;
}

/* END Header */

/* Login */

#loginform-password.form-control, #loginform-email.form-control, #passwordresetrequestform-email.form-control, #resetpasswordform-password.form-control,
#resetpasswordform-password_repeat.form-control
{
    background-color: rgba(223, 168, 84, 1);
    border-width: 0;
    color: #fff;
}

#login-form .form-control::-webkit-input-placeholder, #request-password-reset-form .form-control::-webkit-input-placeholder, #reset-password-form .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ffffff;
    opacity: 0.5;
}
#login-form .form-control:-moz-placeholder, #request-password-reset-form .form-control:-moz-placeholder, #reset-password-form .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    opacity: 0.5;
}
#login-form .form-control::-moz-placeholder, #request-password-reset-form .form-control::-moz-placeholder, #reset-password-form .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ffffff;
    opacity: 0.5;
}
#login-form .form-control:-ms-input-placeholder, #request-password-reset-form .form-control:-ms-input-placeholder,
#reset-password-form .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
    opacity: 0.5;
}

.img-logo-login {
    width: 200px;
}

.login-box .app-version {
     font-size: 13px;
     font-weight: bold;
     color: #dfa853;
     width: 200px;
     margin-left: auto;
     margin-right: auto;
     margin-top: -18px;
     text-align: right;
}
/* END Login */

/* Content */

.btn-primary {
    background-color: #86BC25 !important;
    border-color: #86BC25 !important;
}

.btn {
    border: 0 !important;
}

.btn-white, .btn-white:hover {
    background-color: #fff !important;
    color: rgba(241, 144, 6, 1);
}

.btn-orange, .btn-orange:hover {
    background-color: #F19001 !important;
    color: #fff;
    border-bottom: 2px solid #C97A02 !important;
}

.btn-grid {
    width: 164px;
    margin: 1px;
}

.btn-grey, .btn-grey:visited {
    background-color: #7c7c7c !important;
    border-color: #7c7c7c !important;
    color: #ffffff;
}

.btn-light-grey, .btn-light-grey:visited {
    background-color: #D0D3D3;
    border-color: #D0D3D3;
    color: #ffffff;
}

.btn-neutral-grey, .btn-neutral-grey:visited, .btn-neutral-grey:focus {
    background-color: #7f7f7f;
    border-color: #7f7f7f;
    color: #ffffff;
}

.font-neutral-grey {
    color: #7f7f7f;
    cursor: pointer;
}

.font-neutral-grey:hover {
    color: #080808;
}

.font-red {
    color: #cc0000;
    cursor: pointer;
}

.font-red:hover {
    color: #aa0000;
}

.btn-neutral-grey:hover {
    background-color: #565656;
    border-color: #565656;
    color: #fff;
}

.btn-turquoise-green, .btn-turquoise-green:visited, .btn-turquoise-green:focus  {
    background-color: #089AAC;
    border-color: #089AAC;
    color: #ffffff;
}

.btn-green, .btn-green:hover, .btn-green:visited, .btn-green:focus {
    background-color: #8ABE2C !important;
    color: #ffffff;
    border-bottom: 2px solid RGB(130, 158, 57) !important;
}

.btn-red, .btn-red:hover, .btn-red:focus, .btn-red:visited {
    background-color: #BF360C !important;
    color: #ffffff;
    border-bottom: 2px solid rgb(167, 55, 22) !important;
}

.btn-blue, .btn-blue:visited, .btn-blue:hover, .btn-blue:focus {
    background-color: #085A8B;
    border-color: #085A8B;
    color: #ffffff;
}

.text-disable {
    color: rgba(167, 55, 22, 1);
    text-decoration: line-through;
}

.margin-top-3 {
    margin-top: 3px;
}

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

.margin-top-10 {
    margin-top: 10px;
}

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

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

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

.margin-left-10 {
    margin-left: 10px;
}

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

.summary {
    float: right;
    margin-bottom: 10px;
}

.margin-botton-20 {
    margin-bottom: 20px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

.border-bottom-1 {
    border-bottom: 1px solid #bbb;
    padding-bottom: 20px;
}

.border-color-grey {
    border: 1px solid #c8cbd1;
}

.line-height-14 {
    line-height: 14;
}

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

.text-align-right {
    text-align: right;
}

.big-btn {
    padding: 8px 0px;
    width: 170px;
}

.table_index table  {
    background-color: #ffffff !important;
    border: 0;
}

.table_index tr  {
    border-bottom: 1px solid #c8cbd1 !important;
    background-color: #ffffff !important;
}

.table_index td  {
    border-width: 0 !important;
    vertical-align: middle !important;
}

.table_index table thead tr th {
    border-width: 0 !important;
    border-bottom: 1px solid #c8cbd1 !important;
    vertical-align: top;
}

.table_index table thead tr th.action-column a,
.table_index table tbody tr td.column-actions a,
.table_index table tbody tr td.column-actions span {
   margin-left: 10px;
}

.table_index table tbody tr td.column-actions span {
    cursor: default;
}

.arrow {
    width: 30px;
}

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

.display-none {
    display: none;
}

.font-weight-normal {
    font-weight: normal;
}

.column-announcement {
    width:51%;
}

.column-actions {
    padding-right: 0 !important;
    float: right;
}

#btn-send-test-email, #btn-add-new-partner {
    margin-right: 10px;
}

.icon-phone {
    transform: rotate(90deg);
}

.btn-save {
    padding-left: 42px;
    padding-right: 42px;
}

#new-partner, .row-edit-partner, #select-all, #deselect-all, #btn-assign, #container-form-simvis-2, #ceo-permissions, #id-permissions, #sales-permissions, #production-permissions,
#btn-new-ceo, #btn-new-imasd, #btn-new-sales, #btn-new-production {
    display: none;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 3px 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext, .tooltip:active .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltiptext-edit {
    width: 41px;
    left: -16px;
}

.tooltiptext-email {
    width: 180px;
    left: -84px;
}

.tooltiptext-phone {
    width: 94px;
    left: -41px;
}

#btn-edit {
    visibility: hidden;
}

.partner-name:hover #btn-edit {
    visibility: visible;
}

#email-copy, #phone-copy {
    opacity: 0;
    position: absolute;
}

.icon-arrow-bottom, .icon-arrow-left {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: bold;
}

.icon-arrow-bottom:before {
    content: "\e259";
}

.arrow-left {
    display: none;
}

.icon-arrow-left:before{
    content: "\e257";
}

.link-arrow {
    text-decoration: none !important;
}

.chart-js {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.mail-phone {
    z-index: 0;
}

.outside-area {
    left:-10000px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ffffff;
}

.text-forgot-password, .text-forgot-password:hover, .text-forgot-password:visited {
    color: #ffffff;
}

.forgot-password {
    margin-top: 20px;
    text-align: center;
    color: #ffffff;
}

.center-vertical {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.skin-blue .sidebar-form {
    border: 0 !important;
}

.skin-blue .sidebar-menu>li.active>a {
    background: transparent !important;
    border: 0;
}

.skin-blue .sidebar-menu>li.active>a:hover {
    background-color: #d17e0e !important;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background: transparent !important;
}

.logo-2eyes, .skin-blue .main-header .logo:hover {
    background-color: transparent !important;
}

.main-header .navbar-custom-menu, .main-header .navbar-right {
    margin-right: 10px;
}

.skin-blue .main-header .navbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #c8cbd1;
}

.skin-blue .main-header .navbar .nav>li>a, .skin-blue .main-header .navbar .nav>li>a:hover{
    color: #000 !important;
    background-color: #fff !important;
}

.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    box-shadow: none;
    background-color: #ffffff !important;
}


.sidebar-form .search-icon {
     height: 50px;
}

.img-search {
    width: 20px;
}


.sidebar-form .select2-container--krajee .select2-selection__clear {
     top: 0px;
}
.sidebar-form .select2-container .select2-selection--single .select2-selection__rendered {
     margin-top: 0px;
}

.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a {
    background: transparent;
    color: #000;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background: transparent !important;
    padding: 0 !important;
}

.navbar-nav>.user-menu>.dropdown-menu {
    border-width: 0;
    width: 118px !important;
    background: transparent !important;
}

.dropdown-menu {

}

.skin-blue .sidebar a {
    color: #ffffff !important;
    opacity: 0.7 !important;
}

.skin-blue .sidebar a:hover {
    opacity: 1 !important;
    background-color: #d17e0e !important;
}

ul.sidebar-menu.tree .fa-circle-o {
    display: none;
}

.img-items-menu {
    width: 14px;
    margin: 0 10px;
}

.title {
    margin-top: 0px;
    color: #000;
    font-weight: bold;
}

.content {
    color: #000;
}

.label-new-existing {
    font-weight: normal;
    line-height: 2.5;
    margin-left: 54px;
}

.label-new-existing-checkbox {
    font-weight: normal;
    margin-left: 109px;
}

.img-manufacturer {
    text-aling: center;
}

.container-lens-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-evenly;
    margin-top: 10px;
    flex-direction: row;
    padding-left: 15px;
    padding-right: 15px;
    gap: 20px;
}

.container-lens {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 15%;
    border: 1px solid #ccc;
    background-color: #fff;
    min-width: 195px;
    max-width: 300px;
}


.container-lens.selected {
     background-color: #f1900352;
     border: 1px solid #8e5502;
}

.container-lens img.download-icon {
     height: 17px;
     padding-left: 5px;
     cursor: pointer;
}
.container-lens input.lens-selector {
     cursor: pointer;
}

.container-lens .lens-name {
     height: 40px;
    word-break: break-all;
}

.container-lens .lens-logo {
     height: 40px;
}

.container-lens .lens-logo img {
     max-height: 40px;
}

.container-lens .lens-forsv {
     height: 20px;
}

.lens-view .lens-properties-label {
     background-color: #EEE;
     margin-bottom: 2px;
     padding-top: 5px;
     padding-bottom: 5px;
     text-align: right;
}

.lens-view .lens-properties-value {
     margin-bottom: 2px;
     padding-top: 5px;
     padding-bottom: 5px;
     font-weight: bold;
}

@media (max-width: 991px) {
     .lens-view .lens-properties-label {
          background-color: #EEE;
          margin-bottom: 0px;
          text-align: center;
     }

     .lens-view .lens-properties-value {
          background-color: #CCC;
          margin-bottom: 8px;
          text-align: center;
     }
}


.lens-view .lens-logo-container {
     margin-bottom: 15px;
    text-align: left;
    margin-left: 10px;
}

.lens-view .lens-logo-container .lens-logo {
     height: 40px;
}

.lens-view .lens-logo-container .lens-logo img {
     max-height: 40px;
}

.lens-view .lens-logo-container span {
     font-size: 17px;
    padding-left: 10px;
    font-weight: bold;
}

.containers {
    text-align: center;
    padding: 10px 5px;
    margin-bottom: 20px;
}

.btn-edit-lens {
    width: 100%;
}

#lensform-fields-container {
     display: flex;
     flex-wrap: wrap;
}

.cancel, .cancel:hover, .cancel:visited {
    color: #000 !important;
    font-weight: bold;
    cursor: pointer;
}

.select-all, .select-all:hover, .select-all:visited {
    color: rgba(241, 144, 6, 1) !important;
    font-weight: bold;
    cursor: pointer;
}

.deselect-all, .deselect-all:hover, .deselect-all:visited {
    color: #f00 !important;
    font-weight: bold;
    cursor: pointer;
}

.cancel:hover, .select-all:hover, .deselect-all:hover {
    text-decoration: underline;
}

.link-download-file {
    margin-top: -11px;
    margin-bottom: 11px;
}

.oval-numbers {
    z-index: 2;
    position: relative;
    margin-top: 20px;
}

.margin-oval-numbers {
    margin-left:32px;
}

.horizontal-line {
    z-index: 1;
    position: absolute;
    margin-top: 32px;
    margin-left: -4px;
}

.hospital-form {
    background-color: #fff;
    padding: 0px 20px 20px 20px;
}

.photo-camera {
    position: absolute;
    margin-left: -95px;
    margin-top: 39px;
}

.text-optional {
    font-size: 13px;
}

.container-2eyes {
    padding: 0px 30px 30px 30px;
    overflow-y: auto;
}

.header-simvis {
    background-color: #424242;
}

.btn-header {
    opacity: 1;
    width: 100%;
    background: transparent;
    opacity: 0.7;
    color: #fff;
    border-bottom: 2px solid #424242 !important;
    opacity: 0.7;
}

.btn-header:hover, .btn-header:focus {
    color: #fff;
    opacity: 1;
}

.btn-header:focus {
    border-bottom: 2px solid #fff !important;
}


#container-select-assign-simvis {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000069;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
#select-assign-simvis-title {
     font-weight: bold;
     font-size: 16px;
     height: 60px;
}
#select-assign-simvis-content {
     position: fixed;
    width: 500px;
    height: 500px;
    max-height: 70%;
    display: block;
    overflow: hidden;
    left: 50%;
    top: 40px;
    margin-left: -250px;
    padding-top: 30px;
}
#select-assign-simvis-grid {
     height: calc(100% - 60px);
     overflow: hidden;
     padding-bottom: 20px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-24 {
    font-size: 24px;
}

#lenses-simvis, #appointments-hospital, #lenses-hospital, #corrections-hospital, #documents-hospital {
    display: none;
}

.representation-manufacturer {
    min-height: 25px;
    max-height: 25px;
}

.overflow-hidden {
    overflow: hidden
}

.container-access-to {
    padding: 10px;
    color: #fff;
}

.bg-image {
    background: url('../images/background.png') no-repeat center center !important;
}

.container-hospital-image{
    border-radius: 50%;
    width: 138px;
    height: 138px;
    overflow: hidden;
}

#hospital-image {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.load-hospital-image .file-preview {
    display:none;
}

.select2-search__field, .select2-search {
    width: 100% !important;
}

.orange-eye {
    width: 40px;
}

#s2-togall-lensesform-lenses_ids {
    display: none;
}

/* END Content */

/* Checkbox */
/* Customize the label (the container) */
.container-checkbox {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 28px;
    text-align: left;
    float: right;
    margin-right: 22px;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #c8cbd1;
    font-size: 22px;
    margin-left: 28px;
    margin-top: 10px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    position: absolute;
    display: none;
    content: "";
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.checkmark.no-margin {
	margin-left: 0px;
	margin-top: 0px;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    color: #004D85;
    width: 5px;
    height: 10px;
}

.container-checkbox .checkmark:after {
    left: 4.5px;
    top: 1px;
    border: solid #8ABE2C;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.label-checkmark {
    font-weight: initial;
    text-align: left;
}

/* END Checkbox */

@media screen and (max-width: 1200px) {
    .column-announcement {
        width: 41%;
    }

    .table_index table thead tr th.action-column a {
        margin-left: 16px;
    }
}

@media screen and (max-width: 992px) {
    .column-announcement {
        width: 21%;
    }

    .table_index table thead tr th.action-column a {
        margin-left: 24px;
    }

    .title-partners {
        display: none;
    }

    .label-checkmark {
        display: block;
    }

    #btn-edit {
        visibility: visible;
    }

    .partner-name-text {
        font-weight: bold;
    }

    .partner-name {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 748px) {
    .table_index table tbody tr td.column-actions a {
        margin-left: 1px;
    }

    .table_index table thead tr th.action-column a {
        margin-left: 27px;
    }

}

@media (max-width: 479px) {
    #btn-send-test-email, #btn-add-new-partner {
        margin-right: 0px;
    }

    .name-date-announcement {
        text-align: center;
    }
}

@media (max-width: 364px) {
    .title-announcement {
        display: none;
    }
}

.patient_data{
    background-color: white;
}

.patient_data:hover {
    cursor: pointer;
    background-color: #f4f5f6;
}


.header {
    color: grey;
    font-size: 12px;
}

.header-item{
    margin: 0;
    padding: 0;
}

.tf_table, .va_table{
    border-collapse: collapse;
    margin: 0px auto;
}

.tf_table td, .va_table td {
    border: 1px solid black;
}
.grey-background{
    background-color: lightgrey;
    height: 20%;
}

#column-header{
    /*border: 0;*/
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-weight: normal;
    text-align: center;
}

#row-header{
    text-align: left;
}

.data-cell{
    border: 2px solid lightgray;
    border-radius: 2px;
    margin: 1% auto;
    padding: 3% 2%;
    font-weight: bold;
}
.table-cell{
    border: 2px solid lightgray;
    border-radius: 2px;
    padding: 7px 5px;
    margin-bottom: 8px;
    margin-right: 5px;
    font-weight: bold;
}
.side-header{
    font-weight: bold;
    font-size:12px;
    margin: 1% auto;
    text-align:right;
}

.header-row{
    font-weight: bold;
    margin-bottom: 5px;
}

.alineation{
    padding-right: 53px;
}

.header-cell{
    margin:0;
    padding:0;
}

.big-title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.field-title{
    font-size: 10px;
    text-transform: uppercase;
}
.field-data{
    font-size: 12px;
}

.refraction-table{
    margin: 0px auto !important;
}
.refraction-table td{
    /*padding: 2% !important;*/
    margin: 1% 1% !important;
    padding: 2% 1% !important;
}
.refraction-table thead th{
    color: black !important;
}

#previous_appointment{
    cursor: pointer;
}
#next_appointment{
    cursor: pointer;
}

.show-pdfs{
    cursor: pointer;
}

.truncate{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.download-pdf{
    cursor: pointer;
}

.pdf-item{
    color: black;
}
.pdf-item:hover{
    cursor: pointer;
    color: black;
}