/*____________________________________________________________________*/
/*Scrollbar customize
/*____________________________________________________________________*/
/* width */
::-webkit-scrollbar {
    width: 15px;
    height: 10px;
    border-radius:30px;
}


/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.col-md-24 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 19.666667%;
    max-width: 25.666667%;
}
.row-pumantay{
    margin-top: -7px;
    padding-top: 8px;
    margin-bottom: -8px;
}

.pagination.pagination-primary .page-item.active>.page-link, .pagination.pagination-primary .page-item.active>.page-link:focus, .pagination.pagination-primary .page-item.active>.page-link:hover {
    background-color: #7fbfec!important;
    border-color: #7fbeeb!important;
}
.btn-neutral {
    background-color: #fff;
    color: #83909c!important;
}

.faborito{
    padding-top: 24px;
}
.criteriaes {
    font-size: 11px;
    margin-bottom: 1px!important;
    color: #2ca8ff;
    text-transform: none!important;
    font-weight: 600;
}
.basuka-prof {
    margin-top: 11px;
    width: 100%;
    display: inline-block;
}
.read-text {
    color: black!important;
    font-weight: 400;
}
.unread-text{
        color: black!important;
}
.checkbox-lener {
    padding-top: 31px;
}
.paxifier{
       margin-top: 280px;
    margin-left: 60px; 
}
#mybutton {
    position: fixed;
    bottom: -8px;
    right: 2px;
    padding-left: 165px;
    width: 100%;
    background: white;
}
.lesscheckbox{
    margin-top: -18px;
}
.theme-cyan section.content:before {
    background-color: #7fbfec!important;
}
.theme-cyan .navbar, .theme-cyan .page-loader-wrapper {
    background: rgba(136, 177, 252, 0.15);
    background: -moz-linear-gradient(left, rgba(136,177,252,1) 0%, rgba(124,168,230,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(136,177,252,1)), color-stop(100%, rgba(124,168,230,1)));
    background: -webkit-linear-gradient(left, rgba(136,177,252,1) 0%, rgba(124,168,230,1) 100%);
    background: -o-linear-gradient(left, rgba(136,177,252,1) 0%, rgba(124,168,230,1) 100%);
    background: -ms-linear-gradient(left, rgba(136,177,252,1) 0%, rgba(124,168,230,1) 100%);
    background: linear-gradient(to right, rgba(127, 191, 236, 0.65) 0%, rgba(130, 182, 255, 0.79) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88b1fc', endColorstr='#7ca8e6', GradientType=1);
}
.bodier{
    border-radius: 8px;
    margin-top: -30px;  
}
.naving{
    text-align: center;
    padding-left: 140px!important;
}
.theme-cyan .sidebar .menu .list li.active>:first-child i, .theme-cyan .sidebar .menu .list li.active>:first-child span {
    color: #58b7f9!important;
}
.theme-cyan .card .header h2 strong {
    color: #58b7f9!important;
}
.theme-cyan .nav-tabs .nav-link.active {
    border: 1px solid #2ca8ff !important;
}
.theme-cyan .sidebar .menu .list a:hover {
    color: #8191a3;
}
.theme-cyan .btn-primary:active, .theme-cyan .btn-primary:hover, .theme-cyan .btn-primary:focus {
    background: #212529ab;
}
.theme-cyan .btn-primary {
    background: #58b7f9!important;
}
.btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .navbar .navbar-nav>a.btn.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-simple:active {
    background-color: #212529b0;
    color: #fbfbfb;
    border-color: #ffffff;
}

.patient-image {
    height: 100px;
    width: 100px;
    margin-bottom: 20px;
}
.doctor.member-card .member-thumb {
    border-bottom: 1px solid #fff0;
    margin-left: 38px;
    margin-right: 35px;
    margin-top: -11px;
    margin-bottom: -33px;
}
.member-card:hover{
  
    -webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.75);
}
.control-patients-cards{
	margin-top: 10px;
}
.text-left{
	text-align: left;
}
.table td, .table th {
    padding: .25rem!important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.text-right {
    text-align: right!important;
}
.stickier{
      position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: yellow;
    padding: 50px;
    font-size: 20px;
}
.xl-blue {
    background: white!important;
    height: 400px;
    max-height: 388px;
}
.xl-blue:hover {
    background: #f3f3f3!important;
    height: 400px;
    max-height: 388px;
}

.doctor-wrap {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    padding-left: 47px;
    text-overflow: ellipsis;
}
.footer-boom{
        border-top: 1px solid #e2dfdf;
    padding-bottom: 1px;
    padding-top: 2px;
}
.btn-parasatable {
    padding-left: 15px!important;
    /* padding-right: 167px!important; */
    border-radius: 1px!important;
    width: 99%;
    background: #ffffff00;
    color: #6c757d;
    font-size: 15px;
    text-align: left;
}
.theone {
    margin-top: -48px;
    margin-left: 30px;
    text-align: right;
    margin-right: 17px;
}
.icon-post{
        color: #2ca8ff;
    font-size: 20px;
}
.urgentbold
{
    font-weight: 600;
    margin-left: 22px;
    margin-bottom: 3px;
    
}
.project_widget .pw_content .pw_meta {
    padding: 20px;
    margin-top: -32px;
}
.date-less{
    margin-bottom:5px;
}
.redclasser {
    background: #ff5555;
    color: white;
    border: none;
    border-radius: 90px;
    padding-left: 17px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 26px;
    font-size: 13px;
}
.greenclasser {
    background: #40bb5c;
    color: white;
    border: none;
    border-radius: 90px;
    padding-left: 17px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 26px;
    font-size: 13px;
}
.yellowclasser {
    background: #ffc107;
    color: white;
    border: none;
    border-radius: 90px;
    padding-left: 17px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 26px;
    font-size: 13px;
}
.footer-last {
    border-top: 1px solid white;
    padding: 10px 0;
    margin-left: -12px;
    font-size: 12px;
    color: #949494;
    margin-top: -9px;
    border-top: 1px solid #e4dada;
    background: #68bdf9d4;
}
.btn-wonder {
    margin-top: 40px;
}
.sexs{
    margin-top: -16px;
}
.sex {
    margin-top: 3px;
    margin-left: -40px;
    font-size: 13px;
    color: grey;
}
.bootstrap-select .btn.btn-round.btn-simple .filter-option {
    font-size: 13px;
    padding-bottom: 1px;
}
.name-md{
    margin-top: 10px;
}
.left-title {
    margin-top: 10px;
    font-weight: 500;
    /*text-transform: capitalize;*/
    font-size: 13px!important;
    color: #171616;

}
.letter-same {
    font-size: 13px!important;
    padding-top: 5px;
}
.date-left {
    padding-left: 19px!important;
    padding-right: 5px!important;
    width: 73px;
    border-radius: 9px;
    position: absolute;
    margin-top: -30px;
    margin-left: 161px;
    border: none;
    font-size: 12px;
}
.ifer{
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
    border-right: 1px solid #c7c7c7!important;
    background: #ff000000;
}
.kevin_class{
    width: 300px!important;
    padding-left: 46px!important;
    margin-top: -11px;
}
.checkbox-lol {
    position: absolute;
    margin-left: 146px;
    margin-top: -37px;
}
.rabi{
   margin-top: -10px;
}
.red{
    color: red;
}
.checkbox-loli {
    position: absolute;
    margin-left: 321px;
    margin-top: -37px;
}
.checkbox-lole {
    position: absolute;
    margin-left: 4px;
}
.form-area {
    margin-top: -7px;
}
.red-r{
    margin-left: -27px;
}

.body-containers {
    width: 1350px;
    margin: auto;
}
.table-containers {
    width: 1100px!important;
    margin: auto;
}
textarea.form-control {
    line-height: 1!important;
}
.checkboxes {
    margin-right: 8px;
    margin-left: 13px;
    font-size: 13px;
}
.checkboxes-left{
    font-size: 13px;
}
.checkboxes-left-top {
    font-size: 13px;
    margin-top: 3px;
}
.inputer {
    margin-top: -3px;
}
.cope {
    margin-top: -26px;
    background: #f4f6f9;
}
.copes {
    width: 80%;
    margin: auto;
    background: white;
    padding-left: 271px;
}
.copeses {
    width: 70%;
    margin: auto;
    background: white;
    padding-left: 271px!important;
}
.radio input[type="radio"]:checked+label::after{
    background-color: #555;
    border-color: #555;
    opacity: 1;
}
.criteria {
    font-size: 13px;
    color: #151515;
    text-transform: none!important;
}
.input-group, .form-group {
    padding-top: 5px;
}
.footer-slash {
    border-top: 1px solid #e6e6e6;
    margin: auto;
    text-align: center;
    margin-top: 26px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.criteria-title {
    font-size: 13px;
    margin-left: -9px;
}
.criteria-title01 {
    font-size: 13px;
}
.criteria-titles {
    margin-left: -14px;
    font-size: 13px;
}
.theme-cyan .checkbox input[type="checkbox"]:checked+label::after {
    border: 1px solid #ffc107;
}
.criteria-word {
    font-size: 12px;
    margin: 5px;
    margin-left: 0px;
    color: #171616;
    font-weight: 500!important;
}
.right-column-medical{
    background-color: lightblue;
    width: 100%;
    overflow-x: auto;
}
.ex1 {
    background-color: white;
    padding-bottom: 8px;
    border-bottom: 1px solid #f7eded;
}
.ex2 {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f7eded;
}
.ex3 {
    background-color: #fafafa;
    padding-top: 15px;
    border-bottom: 1px solid #f7eded;
}
.ex4 {
    background-color: #fafafa;
    padding-top: 20px;
    border-bottom: 1px solid #f7eded;
}
.ex5{
    margin-top: 17px;
    margin-bottom: 4px;
}
.ex6{
    margin-top: 10px;
    margin-bottom: 4px;
}
.ex7{
    background-color: #fafafa;
    border-bottom: 1px solid #f7eded;
}
.ex9 {
    padding-top: 14px;
    padding-bottom: 2px;
    margin-bottom: 20px;
    background-color: #fafafa;
    border-bottom: 1px solid #f7eded;
}
.ex10 {
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    font-weight: 500;
    font-size: 13px;
    color: #151515;
    text-transform: none!important;
}
.ex10:hover {

    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    background: #f1f1f1;
}
.ex10-without {
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px!important;
    color: #171616;
}
.ex10-without:hover {
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    background: #f1f1f1;
}
.bilog-top{
    margin-bottom: -10px;
}
.ex10-all{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px!important;
    color: #171616;
}
.ex10-all:hover{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    background: #f1f1f1;
}
.ex10-all-right{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px!important;
    color: #171616;
}
.ex10-all-right:hover{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    background: #f1f1f1;
}
.ex10-all-left{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    border-right: 1px solid #f7eded;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px!important;
    color: #171616;
}
.ex10-all-left:hover{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    border-right: 1px solid #f7eded;
    background: #f1f1f1;
}
.ex10-special {
    padding-top: 0px;
    /* border-top: 1px solid #f7eded; */
    border-bottom: 1px solid #f7eded;
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px!important;
    color: #171616;
}
.ex10-special:hover {
    padding-top: 0px;
    /* border-top: 1px solid #f7eded; */
    border-bottom: 1px solid #f7eded;
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px!important;
    color: #171616;
    background: #f1f1f1;
}
.u-border{
    border-right: 1px solid #f7eded;
}

.biopsypicker{
    margin-bottom: 16px;
}
.top-maginaryes{
    padding-top: 10px;
}
.exdcf6 {
    padding-top: 14px;
    padding-bottom: 1px;
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
}
.exdcf6:hover {
    padding-top: 14px;
    padding-bottom: 1px;
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    background:#f1f1f1;
}
.ex-header {
    padding-top: 14px;
    padding-bottom: 2px;
    margin-bottom: -1px;
    background-color: #fafafa;
    border-right: 1px solid #f7eded;
    border-left: 1px solid #f7eded;
    border-top: 1px solid #f7eded;
    border-bottom: 1px solid #f7eded;
    font-weight: 500;
    text-transform: none;
    font-size: 13px!important;
    color: #151515;
    text-transform: none!important;
}
.stickeer {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    font-size: 15px;
    z-index: 10000;
}
.stickeerope{
  position: -webkit-sticky;
    position: sticky;
    top: 118px;
    font-size: 15px;
    z-index: 10000;  
}
.key-icon {
    margin-left: 351px;
    margin-right: -638px;
    margin-bottom: -46px!important;
    margin-top: -1px;
    font-size: 15px;
    padding-bottom: 1px;
}
.key-icones {
    margin-left: 502px;
    margin-right: -638px;
    margin-bottom: -46px!important;
    margin-top: -1px;
    font-size: 15px;
    padding-bottom: 1px;
}
.key-icones {
    margin-left: 502px;
    margin-right: -638px;
    margin-bottom: -46px!important;
    margin-top: -1px;
    font-size: 15px;
    padding-bottom: 1px;
}
.leningrad {
    padding-right: 92%;
    background: white;
    padding-bottom: 8px!important;
    color: #808080cf;
    border: 1px solid #d0cfcf!important;
    border-radius: 20px;
    text-align: left;
    width: 640px;
}
.leningrad:hover {
    padding-right: 92%;
    background: white;
    padding-bottom: 8px!important;
    border: 1px solid #d0cfcf!important;
    border-radius: 20px;
    text-align: left;
    width: 640px;
    box-shadow: none;
    border: none;
    background: #65686b;
}
/*.dropdown-menu {
  width: 100%;
  max-height: 20rem;
  overflow-y: auto;
}*/
.smaller{
    font-size: 10px;
}
.stickeere {
    position: -webkit-sticky;
    position: sticky;
    top: 57px;
    /* font-size: 15px; */
    z-index: 10000000;
}
.wither-9{
-ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px){
.wither-9{
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: 68%;
}
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px){
    .creatorsname{
        font-size: 12px;

    }
}
@media only screen and (max-width: 1024px) and (min-device-width: 768px){
    .creatorsname{
        font-size: 11px;

    }
}

.yes-fm {
    margin-left: -110px!important;
    margin-right: 60px!important;
}
.yes-fmti {
    margin-left: -226px!important;
    margin-right: 60px!important;
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px){
.yes-fmti {
    margin-left: -125px!important;
    margin-right: 60px!important;
}
}
.yes-fmes{
    margin-left: -200px!important;
    margin-right: 60px!important;
}
.width100{
    width: 100%;
}
.ex-white {
    padding-top: 14px;
    padding-bottom: 2px;
    margin-bottom: 20px;
    background-color: #fafafa;
    border-bottom: 1px solid #f7eded;
}
.elever {
    background: white!important;
    color: black;
    width: 100%;
    border: 1px solid #f7eded;
    border-top: none;
}
.paddertop {
    padding-top: 12px;
    /* margin-bottom: -13px; */
    font-size: 13px;
}
.pwedena
{
    border-top-left-radius: 50px!important;
    border-bottom-left-radius: 48px!important;
    height: 41px;
    margin-top: 6px!important;
    background: aliceblue!important;
}
.paddertopwer {
    padding-top: 8px;
    /* margin-bottom: -8px; */
    padding-bottom: 6px;
}
.lefterfor {
    padding-top: 10px;
    padding-left: 15px;
}
.left-highlight{
    font-weight: 500;
    text-transform: none;
    font-size: 13px!important;

}
.paddot {
    padding: 7px;
    padding-bottom: 14px;
}
.especfy-control
{
    padding: 5px 16px 7px 18px;
    margin-top: -10px;
}
.left-highlight-top-liad{
    font-weight: 450;
    text-transform: none;
    font-size: 13px!important;
    margin-top: 7px!important;
}
.checkbox-top-mar{
   /* margin-top: -10px;
    margin-bottom: 10px;*/
}
.left-highlight-top {
    font-weight: 450;
    margin-left: 11px;
    text-transform: none;
    font-size: 13px!important;
    margin-top: 7px!important;
}
.left-highlight-left {
    margin-top: 11px;
    font-weight: 500;
    text-transform: none;

    font-size: 13px!important;
    color: #171616;
}
.right-textsim {
    margin-top: 9px;
    font-weight: 500;
    text-transform: none;
    font-size: 13px!important;
    color: #171616;
}

.data-margin{
    margin-top: -10px; 
}
.data-margins {
    margin-bottom: 17px;
    margin-top: -9px;
}
.middle-state {
    width: 107%;
    padding-left: 293px;
    padding-right: 140px;
}
.checkbox-topper{
    margin-top: -10px!important;
    padding-top: -10px;
    height:35px!important;
}
.radio-topper{
    margin-top: -22px;
    margin-bottom: 11px;
}
.title-tabs {
    color: #ffc15ec4;
    text-align: center!important;
    border-bottom: 1px solid #b7b7b73d;
    width: 270px;
    font-size: 15px;
    padding-bottom: 8px;
    margin-bottom: 25px;
}
.margoin-left{
    margin-left: -29px;
}
.knowning{
    padding-right: 1px;
}
.text-above {
    margin-left: -19px;
    text-align: center;
}
.text-aboves-border {
    width: 80%;
    margin-left: 22px;
    margin-bottom: 14px;
    margin-top: -22px;
}
.carding {
    background: #fff;
    margin-bottom: 30px;
    transition: .5s;
    border: 0;
    border-radius: .1875rem;
    display: inline-block;
    position: relative;
    width: 104%!important;
    margin-left: -27px;
    box-shadow: none;
}

.row-line {
    border-right: 1px solid #80808080;
    padding-bottom: 18px;
}
.body-margin{
    margin-top: 10px;
    padding-top: 30px!important;
    border-top: 1px solid #eeeeee;
}
.body-containerses {
    width: 106%!important;
    margin-left: -29px;
}
.body-tablees {
    width: 316%!important;
    margin-left: -120px;
}
.weightsu {
    font-size: 13px;
    font-weight: 400;
    background: #fafafa;
    border: none!important;
    border-bottom: 1px solid #f9f2f2!important;
}
.weightsus{
     font-size: 13px;
    font-weight: 400;
    background: #fafafa;
    border: none!important;
    border-bottom: 1px solid #f9f2f2!important;
    border-right: 1px solid #f9f2f2!important
}
.padding-drop{
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    padding-left: 11px!important;
    padding-right: 7px!important;
}
.padding-input {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}
.padding-lefter{
    padding-top: 13px;
     padding-left: 30px;
}
.padding-topper{
 padding-top: 13px;
}
.padding-toppers{
 padding-top: 19px;
}
.margin-toppirs{
    margin-top: -25px!important;
}
.none-borderan{
    border:none!important;
    padding-left: 14px!important;
}
.none-borderan-text {
     border:none!important;
}
.checkboxes-left{
        margin-left: -4px!important;
}
.borbor-cir{
    border: 1px solid #b1aeae;
    margin-right: 77px;
    margin-left: 9px;
    padding-top: 10px;
    padding-bottom: 12px;
}
/*____________________________________________________________________*/
/*Table RESPONSIVE */
/*____________________________________________________________________*/
.zui-table {
    border: none;
    border-right: solid 1px #f9f2f2;
    border-collapse: separate;
    border-spacing: 0;
        font-weight: 450;
    text-transform: none;
    font-size: 13px!important;
}
.zui-table thead th {
    background-color: #fafafa;
    border: none;
    color: #4a4a4a;
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    font-weight: 700;
    white-space: nowrap;
}
.zui-table tbody td {
    border-bottom: solid 1px #f7eded;
    color: #333;
    padding-left: 13px!important;
    padding: 20px;
    text-shadow: 1px 1px 1px #f7eded;
    white-space: nowrap;
}
.zui-wrapper {
    position: relative;
}
.zui-wrapper-rela {
    position: relative;
    margin-left: 14px;
}
.zui-scroller {
    margin-left: 439px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 22px;
    width: 901px;
}
.zui-scroller-wide {
    margin-left: 221px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 782px;
}
.zui-scroller-for {
    margin-left: 221px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 750px;
}
.zui-scroller-fors {
    margin-left: 239px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 1078px;
}
.zui-sticky-cols {
    left: 0px!important;
    position: absolute;
    top: auto;
    margin-bottom: -38px!important;
    padding-top: 10px!important;
    width: 440px;
    height: 41px;
}
.zui-sticky-cols-wide {
    left: 0px!important;
    position: absolute;
    top: auto;
    margin-bottom: -130px!important;
    padding-top: 10px!important;
    width: 220px;
    height: 36px;
}
.zui-sticky-cols-wide-for {
    left: 0px!important;
    position: absolute;
    top: auto;
    margin-bottom: -130px!important;
    padding-top: 10px!important;
    width: 220px;
    height: 36px;
}
.zui-sticky-cols-wide-fors {
    left: 0px!important;
    position: absolute;
    top: auto;
    margin-bottom: -130px!important;
    padding-top: 10px!important;
    width: 240px;
    height: 52px;
}
.zui-table .zui-sticky-col {
    border-left: solid 1px #f7eded;
    border-right: solid 1px #f7eded;
    left: 0;
    padding-bottom: 9px;
    position: absolute;
    top: auto;
    width: 440px;
}
.zui-table .zui-sticky-col:hover{
    background: #f1f1f1;
}
.zui-sticky-col-wide {
    border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 220px;
    height: 65px;
    padding-top: 24px!important;
}
.zui-sticky-col-wide-for{
    border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 220px;
    height: 65px;
    padding-top: 24px!important;
}
.zui-sticky-col-wide-fors {
    border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 269px;
    height: 65px;
    padding-top: 24px!important;
}
.patients-img{
    border-radius: 31px;
}
.zui-sticky-col-wide-forse{
    border-left: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 340px;
    height: 65px;
    padding-top: 24px!important;
}
.golor {
    background-color: #fafafa!important;
    height: 36px;
    padding-top: 13px!important;
}
.golors{
    background-color: #fafafa!important;
    padding-bottom: 10px!important;
}
.legion{
    margin-top:7px;
}
.badger-sly {
    border-radius: 16px;
    color: #f7f7f7;
    background: #4d4d4d;
    border: none;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}
.text-badger {
    color: #f7f7f7;
}
.text-badger:hover{
    color: #595c5e;
}
.borbor-right{
    border-right: 1px solid #e8e8e8!important;
}
.borbor-bottom{ 
    border-bottom: 1px solid #e8e8e8!important;
}
.fontsizer{
    font-size: 15px!important;
}
.input-group-addon {
    border: 1px solid #ffffff!important;
}
.special-calendar{
    position: absolute;
    margin-left: 0;
}
.calendar-maliryo{
    width: 638px!important;
    padding-left: 45px;
    margin-left: -24px;
}
.fixer-dcf8{
    height: 65px!important;
}
.fixer-dcf4 {
    padding-top: 18px!important;
    padding-bottom: 7px!important;
    padding-left: 219px!important;
}
.fixer-dcf4-bot {
    padding-top: 13px!important;
    padding-bottom: 13px!important;
}

.maliit {
    height: 42px!important;
    margin-top: -7px!important;
    padding-bottom: 26px!important;
}
.maliits {
    padding-top: 17px!important;
    padding-bottom: 11px!important;
}
.fixer-dcf8s{
    height:  87px!important;
}
.size-inputer {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 13px!important;
}
.size-inputer-wide{
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 13px!important;
    width: 101px!important;
}
.kickbox-box{
     border: 1px solid #00cfd1!important;

}
.linerbox-box{
     border: 1px solid #ffc107!important;
     
}
.kitterbox-box{
      border: 1px solid #fbc5c5!important;
     
}
.kickbox label::before, .kickbox label::after {
 border: 1px solid #00cfd1!important;

}
.linerbox label::before, .linerbox label::after {
    border: 1px solid #ffc107!important;
}
.kitterbox label::before, .kitterbox label::after {
   border: 1px solid #fbc5c5!important;
}
.mahaba{
    margin-top: -13px;
    padding-bottom: 75px!important;
}
.checkbox-topper-gone {
    margin-top: -11px;
    margin-left: -32px;
}
.checkbox-topper-61 {
    margin-top: -2px!important;
    margin-left: -7px;
}
.checkbox-topper-62 {
    margin-top: -12px!important;
    margin-left: -28px;
}
.checkbox-topper-62s {
    margin-top: 1px!important;
    margin-left: -32px;
}
.checkbox-topper-63 {
    margin-top: -20px!important;
    margin-left: -32px;
}
.checkbox-topper-64 {
    margin-top: -5px!important;
    margin-left: -32px;
}
.top-imarginary {
    margin-top: 15px!important;
    padding-bottom: 20px;
}
.remarkable {
    margin-top: 6px;
}
.checkbox-topper-right{
    margin-top: -18px!important;
    margin-left: 50px;
}
.checbox-bord {
    border: 1px solid grey;
    width: 28px;
    padding-bottom: 27px;
    display: flex;
    margin-top: 11px;
}
.checkboxes-left-top {
    margin-left: -13px!important;
    margin-top: 10px;
}

.title-marginary{
    margin-top: 19px!important;
    margin-left: 19px;
}
.top-marginary{
     margin-top: 15px!important;
}
.top-marginaryes{
     margin-top: 10px!important;
}
.top-marginaryus{
    margin-top: -10px!important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #2c2c2c!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2c2c2c!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #2c2c2c!important;
}
.round-tripers{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*____________________________________________________________________*/
/*MODAL DESIGN */
/*____________________________________________________________________*/
.tabletss {
  height: 500px;
  overflow-y: scroll;
}
.checkbox-topper-middle {
    margin-left: -44px!important;
    margin-top: -7px;
}
.checkbox-taas {
    margin-top: -25px!important;
}
.header-tab {
    border-bottom: 2px solid #75bff3;
}.foota{
        border-top: 2px solid #78c1f5;
    padding: 10px;
    padding-left: 34px;
    padding-right: 90px;
}

.criteria-tit {
    font-size: 22px;
    text-transform: uppercase;
    color: grey;
}
.compad{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.left-transparency {
    background: linear-gradient( #33323291, #1043765e ), /* bottom, image */ url(/assets/images/image-gallery/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
    padding-top: 60px;
    padding-bottom: 57px;
    border-top-left-radius: 10px;
}
.right-transparency {
    background: white!important;
    padding: 7px;
    padding-bottom: 1px;
    height: 100%;
}
.modalcontenter {
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
    background: #ffffff00;
    margin-top: 100px;
}
.img-raisedes {
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}
.modalizer {
    padding: 0px!important;
    height: 100%;
}
.topper {
    position: absolute;
    margin-top: -114px;
    margin-left: 104px;
    color: white;
    font-size: 16px;
    font-weight: 300;
}
.ted-none-border {
    border: none!important;
    color: white!important;
}
.member-thumbs {
    position: absolute;
    left: 31px;
    top: 85px;
    z-index: 1;
}
.iconator-baconator {
    position: absolute;
    margin-left: 310px;
    margin-top: 22px;
    color: white;
}
.stronger {
    font-weight: 500!important;
    color: #ffffff;
    font-size: 13px;
}
.strongier{
    color: #ffffff;
    font-size: 12px;
}
.criteria-white{
    color:white;
    font-size: 13px;
}
.da-name{
    font-size: 14px;
}
.handle-container {
    text-align: center;
    width: 100%;
    color: #2ca8ff;
    font-size: 18px;
    font-weight: 300;
}
.divider-let {
    -webkit-box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, 0.09);
    padding-top: 1px;
}
.lover{
    color: #00cfd1!important;
}
.cubeex-col{
    color: #ffda6a;
}
.login-logo {
    width: 810px!important;
    margin-left: -177px!important;
    margin-top: -345px!important;
    margin-bottom: -281px!important;
}
.footer-handle-container {
    background: #65bbf8;
    padding: 35px;
    padding-top: 117px;
    border-bottom-left-radius: 10px;
    padding-bottom: 107px;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.da-th {
    background: #4da7e7ad;
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
}
.da-tr {
    font-size: 13px!important;
    color: white;
}
.da-trs{
      font-size: 13px!important;
      padding-top: 4px;
}
.laptrip {
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 7px!important;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
}
.title-def {
    text-align: center;
    padding-top: 1px;
    padding-bottom: 13px;
    padding-left: 155px;
}
.title-defs {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-left: 105px;
}
.shadow-bot {
    -webkit-box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    padding-bottom: 7px;
    width: 172px;
}
.shadow-bot {
    -webkit-box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    padding-bottom: 7px;
    width: 172px;
}
.shadow-bots {
    -webkit-box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 12px 18px -14px rgba(0,0,0,0.75);
    padding-bottom: 7px;
    width: 272px;
}
.color-icona {
    color: #fffefe!important;
    font-size: 17px;
    margin-left: 9px;
    text-align: center;
}
.modal-laki{
    max-width: 1095px!important;
}
.padding-topere{
    padding-top: 20px;
    padding-left: 3px;
}
.btnlaki{
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
    border-radius: 7px!important;
    background: #ededed!important;
    color: #8b8b8b;
}
.btnlaki:hover{
    color: #3d4143!important; 
}
.scroller-noow {
    overflow-y: scroll;
    height: 464px;
    overflow-x: hidden;
}
.modalisious-header{
    background: whitesmoke;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e0e0;
}
.register-mamba {
    font-size: 17px;
    font-weight: 500;
    color: #56b6f9;
    margin-top: -2px;
    margin-bottom: 2px;
    padding-bottom: -5px;
}
.conterner {
    width: 102%;
    margin-left: 29px;
    margin-top: 120px;
}
.classic-logo{
   
    padding-left: 11px;
    margin-bottom: -38px;
    }
.cls-logo {
    margin-top: -162px;
    margin-bottom: -15px;
    padding-left: 270px;
}
.cle-logo {
    margin-top: -162px;
    margin-bottom: -55px;
    padding-left: 118px;
}
.border-raidusan{
      border-radius: 6px!important;
}
.btn-wideser{
    padding-left: 90px!important;
    padding-right: 90px!important;
}
.basuka {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: -15px;
}
.gggg{
    padding-bottom: 15px;
    padding-top: 9px;
}
.modaliese-bodier{
    margin-top: -44px;
}
.image-tado{
    width: 280px;
}
.kalendaryo
{
padding-bottom: 102px;
}
.ofmylife
{
    margin-left: -25px;
    margin-right: 17px;
}
.excalbur {
    margin-left: -126px;
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .excalbur {
        margin-left: -102px;
    }
}
.elibsis{
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px!important;
    color: #171616;
}
.rabadon{
    border-radius: 1px!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    border-radius: 28px;
    padding-top: 5px;
    padding-bottom: 6px;
     border: none!important; 
    background-color: white;

    background: #2ca8ff!important;
}
.badge-danger {
    border-color: #FF3636;
    color: #FF3636;
    border-radius: 13px!important;
}
.badge-danger:hover {
    background: #FF3636;
    border-color: #FF3636;
    color: white;
    border-radius: 13px!important;
}
.bodinie {
    max-width: 78%;
    padding-left: 376px;
}
.hatian {
    text-align: center;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: -31px;
    margin-right: -31px;
    margin-top: 0px;
    color: #e3e3e3;
    font-weight: 100;
    font-size: 25px;
}
/*____________________________________________________________________*/
/*Message Inbox */
/*____________________________________________________________________*/
.laway {
    margin-top: -11px;
}
.laways {
    margin-top: -6px;
}
.checkbox_hiwalay {
    padding-bottom: 40px!important;
}
.checkbox_bobo{
    padding-top: 10px;
    padding-left: 15px;
    }
.sender_name {
    padding: 4px 1px 4px 20px;
}

.namer{
        margin-left: -70px;
}
.message-katawan:hover{
color: white;
}
.inboxerpo {
    background: #2ca8ff;
    color: white;
    font-weight: 300;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 6px;
    margin-left: 50px;
}
.dilaw{
    background: #ffc107;
}
.asul{
    background: #2ca8ff;
}
.red{
    background: #f56f7c;
}
.name_pic {
    background: #fdd048;
    padding: 10px 16px 13px 15px;
    border-radius: 30px;
    margin-left: -20px;
    color: white;
}
.name_pics {
    background: #fdd048;
    padding: 7px 14px 12px 14px;
    border-radius: 30px;
    margin-left: -10px;
    color: white;
}
.name_pic_loob {
    background: #fdd048;
    padding: 15px 20px 15px 20px;
    border-radius: 30px;
    color: white;
}
.messaging {
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 636px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: -21px;
    margin-left: 360px;
    position: absolute;
    font-size: 13px!important;
}
.inbox_right_person {
    margin-left: -95px;
}
.header_mes{
    margin-top: 6px;
    margin-bottom: -10px;
}

.list-group-item:focus, .list-group-item:hover {
    background-color: #e9e9e9!important;
    color: white !important;
}
.pitbull {
    width: 420px;
}
.power_pif {
    border-bottom: 1px solid #d8d8d8;
}
.namerofsender {
    margin-top: 11px;
    font-weight: bold;
    text-transform: none;
    font-size: 13px!important;
    color: #171616;
}
.headerofmessage{
    margin-top: 11px;
    font-weight: bold;
    text-transform: none;
    font-size: 13px!important;
    color: #171616;
}
.subject_message {
    margin-top: 11px;
    font-weight: bold;
    text-transform: none;
    font-size: 19px!important;
    color: #171616;
    margin-left: -70px;
}
.namerofsenders {
    margin-top: 0px;
    font-weight: 600;
    text-transform: none;
    font-size: 13px!important;
    margin-left: -70px;
    color: #171616;
}
.fixer_send{
        margin-bottom: -16px;
    margin-top: 25px;
    margin-left: 44px;
    margin-right: -65px;
}
/* Ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {
        .subject_message {
        margin-top: 11px;
        font-weight: bold;
        text-transform: none;
        font-size: 19px!important;
        color: #171616;
        margin-left: -16px;
    }
}
/* Ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {
    .namerofsenders {
        margin-top: 0px;
        font-weight: 600;
        text-transform: none;
        font-size: 13px!important;
        margin-left: -16px;
        color: #171616;
    }
}
/* Ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {
    .fixer_send {
        margin-bottom: -16px;
        margin-top: 25px;
        margin-left: -46px;
        margin-right: -50px;
    }
}
/* Ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {
.messaging {
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: -21px;
    margin-left: 360px;
    position: absolute;
    font-size: 13px!important;
}
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px) {
    .sender_name {
        padding: 4px 1px 4px 15px;
    }
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px) {
    .timers{
        margin-right: -79px;
    }
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px) {
.messaging {
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 302px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: -21px;
    margin-left: 360px;
    position: absolute;
    font-size: 13px!important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  and (-webkit-min-device-pixel-ratio: 1) {
   .sender_name {
    padding: 4px 1px 4px 19px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  and (-webkit-min-device-pixel-ratio: 1) {
    .messaging {
        font-weight: 100;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 138px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-top: -21px;
        margin-left: 360px;
        position: absolute;
        font-size: 13px!important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  and (-webkit-min-device-pixel-ratio: 1) {
   .timers {
    margin-right: -67px;
}
}
/* Portrait and Landscape */
@media screen  and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 3) {
.sender_name {
    padding: 4px 1px 4px 10px;
}
}
/* Portrait and Landscape */
@media screen  and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 3) {
.name_pic {
    background: #fdd048;
    padding: 10px 16px 13px 15px;
    border-radius: 30px;
    margin-left: 28px;
    color: white;
    position: absolute;
    margin-top: -34px;
}
}
/* Portrait and Landscape */
@media screen  and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 3) {
    .namerofsender {
    margin-top: 11px;
    font-weight: bold;
    text-transform: none;
    font-size: 13px!important;
    color: #171616;
    margin-left: -1px;
    }
}
/* Portrait and Landscape */
@media screen  and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 3) {
    .inbox_right_person {
        margin-left: -9px;
    }
}
/* Portrait and Landscape */
@media screen  and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 3) {
    .inboxerpo {
        background: #2ca8ff;
        color: white;
        font-weight: 300;
        padding-left: 10px;
        padding-right: 11px;
        padding-top: 3px;
        padding-bottom: 2px;
        border-radius: 6px;
        margin-left: -71px;
        margin-top: 22px;
        margin-right: 98px;
        position: absolute;
    }
}
/*____________________________________________________________________*/
/*Portrait RESPONSIVE */
/*____________________________________________________________________*/
@media only screen and (max-width: 768px) {
    .body-containers{
         width: 100%!important;
    }
}
@media only screen and (max-width: 768px) {
    .bodinie{
        max-width: 90%;
        padding-left: 140px;
    }
}
@media only screen and (max-width: 768px) {
    .middle-state {
        width: 100%!important;
        padding-left: 1px!important;
        padding-right: 1px!important;
    }
}
@media only screen and (max-width: 768px) {
    .zui-scroller-wide {
        margin-left: 220px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 454px;
    }
}


/* Ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {
    .body-containers{
         width: 100%!important;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {
      .copes {
    width: 80%;
    margin: auto;
    background: white;
    padding-left: 33px!important;}    
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {
    .copeses {
    width: 80%;
    margin: auto;
    background: white;
    padding-left: 132px!important;}    
}
@media only screen and (max-width: 768px) {
    .copes {
    width: 80%;
    margin: auto;
    background: white;
    padding-left: 1px!important;}    
}
@media only screen and (max-width: 768px) {
    .copeses {
    width: 80%;
    margin: auto;
    background: white;
    padding-left: 22px!important;}    
}
@media only screen and (max-width: 768px) {
    .knowning{
    padding-right: 1px;
    }   
}
@media only screen and (max-width: 768px) {
    .nowing{
     padding-left: 10px;
    padding-right: 1px;
    }   
}
@media only screen and (max-width: 600px) {
.col-md-24 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 19.666667%;
    max-width: 100.666667%;
}
}
/*____________________________________________________________________*/
/*Landscape Responsive/
/*____________________________________________________________________*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
   .body-containers{
         width: 100%!important;
    }
    
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

    .doctor-wrap {
        white-space: nowrap;
        width: 50px;
        overflow: hidden;
        padding-left: 8px;
        text-overflow: ellipsis;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
    .copes {
        width: 80%;
        margin: auto;
        background: white;
        padding-left: 37px!important;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
    .knowning{
    padding-right: 1px;
    padding-left: 1px;
    }  
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
    .nowing{
     padding-left: 10px;
    padding-right: 1px;
    }   
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
    .middle-state {
        width: 89%!important;
        padding-left: 13px!important;
        padding-right: 1px!important;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
.body-tablees {
    width: 100%!important;
    margin-left: 16px;
        }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
    .zui-scroller-wide {
        margin-left: 220px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 706px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
    .zui-scroller-for {
        margin-left: 221px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 702px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
    .zui-scroller-fors {
        margin-left: 237px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 702px;
    }
}

/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
      .doctor-wrap {
        padding-left: 8px;
        text-overflow: ellipsis;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
       .doctor-wrap {
        white-space: nowrap;
        width: 50px;
        overflow: hidden;
        padding-left: 40px;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 1024px) and (min-device-width: 768px){
    .bodinie {
        max-width: 89%;
        padding-left: 120px;
    }
}
@media only screen and (max-width: 1440px) and (min-device-width: 900px){
    .bodinie {
        max-width: 85%;
        padding-left: 214px;
    }
}

@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
        .bodinie {
        max-width: 87%;
        padding-left: 205px;
    }
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px){
    .conterner {
        width: 77%;
        margin-left: 120px;
        margin-top: 27px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .image-tado {
        width: 230px;
        margin-top: 33px;
        margin-left: 23px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .cls-logo {
    margin-top: -154px;
    margin-bottom: -15px;
    padding-left: 168px;
}
}
@media only screen and (max-width: 1024px)  and (min-device-width : 768px){
.footer-handle-container {
    background: #65bbf8;
    padding: 37px;
    padding-top: 117px;
    border-bottom-left-radius: 10px;
    padding-bottom: 110px;
}
}


@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
      .col-md-2 {
        padding-left: 2px;
         padding-right: 2px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .yes-fmes {
        margin-left: -80px!important;
        margin-right: 60px!important;
    }
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .col-md-2 {
        padding-left: 2px;
         padding-right: 2px;
        flex: 0 0 16.666667%;
         max-width: 100%;
    }   
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .conterner {
        width: 100%;
        margin-left: 8px;
        margin-top: 40px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.cls-logo {
    margin-top: -164px;
    margin-bottom: -15px;
    padding-left: 249px;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
         .conterner {
        width: 100%;
        margin-left: 8px;
        margin-top: 90px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
          .yes-fm {
        margin-left: -35px!important;
        margin-right: 35px!important;
    }   
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        .yes-fmes {
        margin-left: -72px!important;
        margin-right: 60px!important;
    }   
}
/*____________________________________________________________________*/
/*Desktop/
/*____________________________________________________________________*/
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .copes {
        width: 80%;
        margin: auto;
        background: white;
        padding-left: 31px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .body-containers {
    width: 100%;
  }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .leningrad {
    padding-right: 92%;
    background: white;
    padding-bottom: 8px;
    color: #808080cf;
    border: 1px solid #d0cfcf;
    border-radius: 20px;
    text-align: left;
    width: 100%;
    }
}

@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
.sizer-deks {
    width: 222px;
    margin-left: 22px;
}
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .size-ferker{
        width: 295px;
        margin-left: 21px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .hatian {
    text-align: center;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0px;
    color: #e3e3e3;
    font-weight: 100;
    font-size: 25px;
    }
}
@media only screen and (max-width: 1024px) and (min-device-width: 768px){
    .hatian {
    text-align: center;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0px;
    color: #e3e3e3;
    font-weight: 100;
    font-size: 25px;
    }
}

@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .kevin_class{
        width: 229px!important;
        padding-left: 46px!important;
        margin-top: -11px;
    }
}
@media only screen and (max-width: 1024px) and (min-device-width: 768px){
     .kevin_class{
        width: 209px!important;
        padding-left: 46px!important;
        margin-top: -11px;
    }
}
@media only screen and (max-width: 768px) and (min-device-width: 1024px){
    .kevin_class {
        width: 142px!important;
        padding-left: 46px!important;
        margin-top: -11px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .nega-left{
    margin-left: 12px;
    }
}
@media only screen and (max-width: 1024px) and (min-device-width: 768px){
    .nega-left{
    margin-left: 19px;
    }
}
@media only screen and (max-width: 1024px) and (min-device-width: 768px){
    .sizer-deks {
        width: 196px;
        margin-left: 33px;
    }
}
@media only screen and (max-width: 1024px) and (min-device-width: 768px){
    .size-ferker {
        width: 251px;
        margin-left: 34px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .key-icon {
    margin-left: 194px;
    margin-right: -638px;
    margin-bottom: -46px!important;
    margin-top: -1px;
    font-size: 15px;
    padding-bottom: 1px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .key-iconese {
        margin-left: 334px;
        margin-right: -638px;
        margin-bottom: -46px!important;
        margin-top: -1px;
        font-size: 15px;
        padding-bottom: 1px;
    }
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px){
.key-icones {
    margin-left: 345px;
    margin-right: -638px;
    margin-bottom: -46px!important;
    margin-top: -1px;
    font-size: 15px;
    padding-bottom: 1px;
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .doctor-wrap {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    padding-left: 15px;
    text-overflow: ellipsis;
}
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .modalcontenter {
        border-top-left-radius: 10px!important;
        border-bottom-left-radius: 10px!important;
        background: #ffffff00;
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1366px)  and (min-device-width : 768px){
    .modal-content {
        border-radius: .1875rem;
        border: none;
        /* box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5); */
    }
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px){
.zui-scroller {
    margin-left: 440px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 540px;
}
@media only screen and (max-width: 1024px) and (min-device-width: 768px){
    .zui-scroller {
        margin-left: 411px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 489px;
    }
}

@media only screen and (max-width: 1366px) and (min-device-width : 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .zui-table thead th {
    background-color: #fafafa;
    border: none;
    color: #4a4a4a;
    padding: 10px;
    padding-left: 68px;
    padding-right: 99px;
    text-align: left;
    font-weight: 500!important;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;
    }
}
@media only screen and (max-width: 1366px) and (min-device-width : 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .zui-sticky-col-wide-fors {
        border-left: solid 1px #DDEFEF;
        border-right: solid 1px #DDEFEF;
        left: 0;
        position: absolute;
        top: auto;
        width: 240px;
        height: 65px;
        padding-top: 24px!important;
    }
}
/*____________________________________________________________________*/
/*Large screen 1024 x 1080 /
/*____________________________________________________________________*/
@media only screen and (max-width: 1024px)  and (min-device-width : 1080px){
    .copes {
        width: 80%;
        margin: auto;
        background: white;
        padding-left: 31px;
}

/*____________________________________________________________________*/
/*Large screen 1440 x 900 /
/*____________________________________________________________________*/
@media only screen and (max-width: 1440px)  and (min-device-width : 900px){
    .copes {
        width: 80%;
        margin: auto;
        background: white;
        padding-left: 153px;
    }
}

/*____________________________________________________________________*/
/*Large screen 1440 x 1080 /
/*____________________________________________________________________*/
@media only screen and (max-width: 1440px)  and (min-device-width : 1080px){
    .copes {
        width: 80%;
        margin: auto;
        background: white;
        padding-left: 214px;
}

/*____________________________________________________________________*/
/*Portrait and Landscape /
/*____________________________________________________________________*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  .zui-scroller-wide {
        margin-left: 220px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 70%;
    }
}
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    .zui-scroller {
        margin-left: 121px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 61%;
    }
}.
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    .zui-scroller-for {
        margin-left: 121px;
        overflow-x: scroll;
        overflow-y: visible;
        padding-bottom: 5px;
        width: 61%;
    }
}
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    .dashboard-tble{
        font-size: 12px;
    }
}

.silent{
    margin-top: -39px!important;
}

@media (min-width: 1200px){
    .container-bobo {
    max-width: 1686px;
}
}
@media only screen and (max-width: 1366px) and (min-device-width: 768px){
    .container-bobo {
    max-width: 1129px;
}
}
/*____________________________________________________________________*/
/*Pulse */
/*____________________________________________________________________*/
.pulse {
    border-radius: 16px;
    color: #7fbfec;
    background: #4d4d4d;
    border: none;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 0 0 #2777af;
    animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba((88,145,214, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba((88,145,214, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba((88,145,214, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba((88,145,214 0.4);
    box-shadow: 0 0 0 0 rgba((88,145,214 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba((88,145,214 0);
      box-shadow: 0 0 0 10px rgba((88,145,214 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba((88,145,214 0);
      box-shadow: 0 0 0 0 rgba(88,145,214 0);
  }
}

.containerere{
        max-width: 1585px;
}