/*Login Page ****************************************************************/
#login .login-container {margin: 0 auto;width: 400px; background-size: cover;background-repeat: no-repeat;background-position: center center;padding-top:80px; }
#login .login-body {background-color: #fff; border: 1px solid #ddd;padding:25px}
#login .form-control {padding: 15px;height: 51px;background: #fff;border:1px solid #ddd;box-shadow: none;    vertical-align: middle;-webkit-appearance: none;border-radius:0}
#login .form-group{margin-bottom:10px}

#login .icon {
    position: absolute;
    margin-top: 18px;
    font-size: 16px;
    color: #ccc;
    right: 20px;
}


#login .top-icon {text-align: center;display: block;font-size: 50px;color: #fff;width: 100px;margin: auto;background-color: #e46a76;padding: 17px;z-index: 9999999;border-radius: 50%;height: 100px;margin-bottom: 20px;margin-top: -60px;}
#login .notifyjs-bootstrap-base {white-space: normal !important;}
#login .sys-name {text-align: center;font-size: 24px;text-transform: uppercase;font-weight: 600;}
#login .co-name {text-align: center;font-size: 16px;text-transform: uppercase;font-weight: 500;}
#login .co-name i {font-size: 18px;margin-left: 8px;cursor: pointer;}


#login .tblcomplist{width:100%}
#login .tblcomplist .selecttd{width:90%}
#login .tblcomplist .deltd{width:10%;text-align:center}

#login td {border-bottom: 1px solid #eee;padding: 10px;transition:.3s}

#login td:hover{background-color:#f8f9fa}

#login .tblcomplist td{cursor:pointer}




/*#login .v2-login-text {
    text-align: center;
    margin-bottom: 6px;
    font-size: 20px;
    display:none
}*/


#login .login-btn-container {
    margin-top: 25px !important
}
#login .login-btn-container .btn{border-radius: 0}
#login .login-body h3{margin-bottom:20px}
#login .login-body small {display: block;color: #777;margin-bottom: 25px;}
#login .modal-dialog {max-width: 98% !important;}
#login .poweredby a {text-align: center;display: block;color: #777;font-size: 11px;margin-top: 12px;}


#login input:-webkit-autofill,
#login input:-webkit-autofill:hover,
#login input:-webkit-autofill:focus,
#login select:-webkit-autofill,
#login select:-webkit-autofill:hover,
#login select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset;transition: background-color 5000s ease-in-out 0s;}

#login .custom-control-input:checked ~ .custom-control-label:before {color: #fff;border-color: #e46a76;background-color: #e46a76;}


#login.v2-login .top-icon, #login.v2-login .btn-danger, #login.v2-login .custom-control-input:checked ~ .custom-control-label:before {background-color: #03a9f3}
#login.v2-login .btn-danger, #login.v2-login .custom-control-input:checked ~ .custom-control-label:before {border-color: #03a9f3}
#login.v2-login .fa-caret-down{color: #03a9f3 !important}
#login.v2-login .btn:hover {opacity:.75}


#login.v3-login .top-icon, #login.v3-login .btn-danger, #login.v3-login .custom-control-input:checked ~ .custom-control-label:before {background-color: #00c292}
#login.v3-login .btn-danger, #login.v3-login .custom-control-input:checked ~ .custom-control-label:before {border-color: #00c292}
#login.v3-login .fa-caret-down{color: #00c292 !important}
#login.v3-login .btn:hover {opacity:.75}

.TMOSYS #login .btn-danger, .TMOSYS #login .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #d60812;
    border-color: #d60812;
}

.TMOSYS #login .fas.fa-caret-down.text-danger {
    color: #d60812 !important;
}


.notifyjs-bootstrap-base {white-space: normal !important;}
@media (max-width: 767px) {
    #login .login-body {min-width:320px}
    #login .login-body {border:0}
    #login .login-container {
        width: 100%;
    }

    .login-box {
        width: 100%;
    }
}



/*Dashboard Page ****************************************************************/
#dashboard body {overflow-y: scroll}
#dashboard select {margin-bottom: 2px;}




@media (min-width: 1500px) {
    #dashboard .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333% !important;
        flex: 0 0 83.33333% !important;
        max-width: 83.33333% !important;
    }

    #dashboard .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #dashboard .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667% !important;
        flex: 0 0 16.66667% !important;
        max-width: 16.66667% !important;
    }
}


@media (min-width: 1200px) {
    #dashboard .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    #dashboard .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    #dashboard .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/*@media (max-width: 767px) {
    #dashboard .card {
        margin-bottom: 0px !important;
    }
}*/

#dashboard .card {margin-bottom: 6px;border: 1px solid #e9e9e9;}
#dashboard .ds-widget {padding-left: 3px;padding-right: 3px}
#dashboard .row {margin-left: -3px;margin-right: -3px}
#dashboard .ds-widget .card .card-actions a{padding:1px}

#dashboard .icons .ds-widget {transition:.3s}
#dashboard .icons .ds-widget:hover{opacity:.75;display: block;}
#dashboard .ds-widget .d-flex {overflow: hidden;}
#dashboard .col-fav .card-actions {position: absolute;right:15px;top: 5px;z-index: 9;}
#dashboard .col-fav .card-actions a {font-size:16px;cursor: pointer}
#dashboard .col-fav span {opacity: .5;}


#dashboard .style1 .ds-widget .records,#dashboard .style1 .ds-widget .records, #dashboard .style1 .ds-widget span{color:#6c757d;font-weight: 500;}
#dashboard .style1 .ds-widget i {font-size: 20px}
#dashboard .style1 .ds-widget .round{line-height:52px;border-radius:0;width: 45px;height: 45px;display:block}
#dashboard .style1 .ds-widget .round i{color:#fff}
#dashboard .style1 .ds-widget h3{font-size:18px}
#dashboard .style1 .ds-widget h5 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;line-height:18px}
#dashboard .style1 .ds-widget .d-flex {display: -webkit-box !important;}
#dashboard .style1 .ds-widget .card-body{padding:15px}
#dashboard .style1 .col-fav .card-actions{ top:28px}
#dashboard .style1 .col-fav .align-self-center{max-width:55%}

#dashboard .col-fav .m-b-15 {
    margin-bottom: 5px !important;
}
#dashboard .col-fav .text-muted {
    height: 37px;
    white-space: initial !important;
}


#dashboard .style2 .ds-widget .d-flex {opacity: .75;transition:.3s;overflow:hidden}
#dashboard .style2 .ds-widget .d-flex:hover {opacity: 1;}
#dashboard .style2 .ds-widget h5{color:#71777d}
#dashboard .style2 .ds-widget .card-body{padding:15px 20px}
#dashboard .style2 .ds-widget h5.card-title {margin-top: 3px;margin-bottom: 15px;}
#dashboard .style2 .col-fav .card-actions{top:60px}
#dashboard .style2 .display-5 i {font-size: 40px;}
#dashboard .style2 span {font-size: 30px;}

#dashboard .style3 .ds-widget .ms-auto {margin-left: auto !important;}
#dashboard .style3 .ds-widget i{color:#71777d}
#dashboard .style3 .ds-widget .text-muted {color: #6c757d !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#dashboard .style3 .col-fav .card-actions{ top:15px}

#dashboard .style4 .ds-widget i{font-size:34px}
#dashboard .style4 .ds-widget h5 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#dashboard .style4 .ds-widget .card-body {min-height: 86px;}
#dashboard .style4 .col-fav .card-actions{top:30px}


#dashboard .style5 .box-container {display: flex;align-items: center;background-color: #fff;padding: 6px 0;}
#dashboard .style5 .box1{width:65px;padding: 15px;}
#dashboard .style5 .box1 i {font-size: 35px;}
#dashboard .style5 .box2{width: calc(100% - 150px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color:#6c757d!important}
#dashboard .style5 .box3{width:85px;text-align: right; padding-right: 20px;font-size: 16px}
#dashboard .style5 .col-fav .card-actions{top:30px}

#dashboard .style6 .box-container {align-items: center;background-color: #fff;padding: 14px;}
#dashboard .style6 .box1{display:inline-block;}
#dashboard .style6 .box1 i {color:#fff !important;font-size:20px;display: inline-block;text-align: center;width: 45px;height:45px;}
#dashboard .style6 .box2{display:inline-block;padding-left:7px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color:#6c757d!important;max-width: calc(100% - 115px);line-height:16px}
#dashboard .style6 .box3{display:inline-block;text-align: right; padding-right:5px;font-size: 16px;float: right;}
#dashboard .style6 .col-fav .card-actions{ top:25px}
#dashboard .style6 .box1 i, #dashboard .style6 .box3 {line-height: 45px}

#dashboard .style7 .box-container {text-align: center;background-color: #fff;padding: 14px;color: #6c757d;font-size: 14px;min-height: 131px;}
#dashboard .style7 .box1 i {font-size: 40px;margin-bottom: 6px;}
#dashboard .style7 .records {font-size: 24px;}
@media (max-width: 767px) {
    #dashboard .style7 .ds-widget {padding: 0;}
    #dashboard .style7 .col-md-6 {width: 50%;}
}


/*Docs Modal ****************************************************************/
#docs .content {overflow-x: hidden;overflow-y: auto;height:auto}
#docs .menu #txtRoot {text-decoration: underline}
#docs .menu #btnCreateFolder {border-right-width:0;color: #337ab7}
#docs .menu #btnBack {border-right-width:0;color: #5cb85c}
#docs .menu #btnShowImgs {border-right-width:0;color: #5bc0de}
#docs .menu #btnDeleteAll {border-right-width:0;color: #f0ad4e}
#docs .menu #btnRefresh {color: #d9534f}
#docs .menu #totalSize {padding-right: 15px}
#docs .menu .docList-panel{margin:0}
#docs .menu .docList-panel .panel-body{min-height: 131px;padding:15px 5px}
#docs .menu .upload-panel{margin:0}
#docs .menu .upload-panel .panel-heading{border-bottom-width: 2px}
#docs .menu .upload-panel h4{margin-top: 5px;  margin-bottom: 6px}
#docs .docs-box {border: 1px solid #ddd;margin-bottom: 7px; margin-top: 7px;}
#docs .docs-box .icon {text-align: center;padding: 15px 0;}
#docs .docs-box .icon img {display: inline;}
#docs .docs-box .title {text-align: center;padding:5px;}
#docs .docs-box button {background-color: transparent;border: 1px solid #eee;}
#docs .docs-box img {height:140px;}
#docs .docs-box .icon-box {width:140px;}
#docs .docs-box .image-box {width:100%;}
#docs .docs-box .header {border-bottom:1px solid #ccc;padding:9px;background-color:rgba(45,62,82,0.9);color:#fff;height:40px}
#docs .docs-box .header .icons {display:inline-block;width:60%;}
#docs .docs-box .header .size {float: right;color: #fdb714;width: 40%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:right;}
#docs .docs-box .header span {font-size: 19px;cursor: pointer;}
#docs .docs-box .title div {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-weight: 700;}
#docs .docs-box .title span {color:#aaa;font-weight: 500;}
#docs .badge {line-height: 22px;border-radius: 50% !important;font-size: 15px !important;width: 25px;height: 25px;padding: 0;}
#docs .hover-effect {width:100%;}
#docs .top-icons .fa {padding:0;font-size: 20px;}
#docs .top-icons button {width:20%;float:left;}
#docs .upload-panel #done-box{padding:5px;display:none}
#docs .panel-body {padding:10px 0 0 0;}
#docs .docList-panel .card-body {padding: 13px 20px;min-height: 89px;max-height: 564px;overflow:auto}
#docs .icons .fa {padding-right: 8px;}
#docs .form-group input, #docs .form-group select {height: 36px;}



#maxis-chat {position: relative;overflow: hidden; }
#maxis-chat .chat-left-aside {position: fixed;width: 250px;float: left;z-index: 9;top: 51px;border-right: 1px solid #e9ecef;height:100% }
#maxis-chat .chat-left-aside .open-panel {display: none;cursor: pointer;position: absolute;left: -webkit-calc(100% - 1px);top: 50%;z-index: 100;background-color: #fff;-webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);border-radius: 0 100px 100px 0;line-height: 1;padding: 15px 8px 15px 4px; }
#maxis-chat .chat-left-aside .chat-left-inner {position: relative; }
#maxis-chat .chat-left-aside .chat-left-inner .chatonline {position: relative;height: 100%; }
#maxis-chat .chat-left-aside .chat-left-inner .form-control {height: 60px;padding: 15px;border-right: 0;}
#maxis-chat .chat-left-aside .chat-left-inner .style-none {padding: 0px; }
#maxis-chat .chat-left-aside .chat-left-inner .style-none li {list-style: none;overflow: hidden; border-bottom: 1px solid #edf1f5;}
#maxis-chat .chat-left-aside .chat-left-inner .style-none li a {padding: 10px 15px; }
#maxis-chat .chat-left-aside .chat-left-inner .style-none li a:hover, #maxis-chat .chat-left-aside .chat-left-inner .style-none li a.active {background: #f8f9fa; }
#maxis-chat .chat-right-aside {padding-left: 250px; }
#maxis-chat .chat-right-aside .chat-rbox {height: auto;position: relative; }
#maxis-chat .chat-right-aside .chat-list {max-height: none;height: 100%;padding-top: 40px; }
#maxis-chat .chat-right-aside .chat-list .chat-text {border-radius: 6px; }
#maxis-chat .chat-right-aside .chat-list li .chat-time {display: block;text-align: right;margin-right:3px }
#maxis-chat .chat-right-aside .chat-list li.reverse .chat-time {margin-left: auto;text-align: right; }
#maxis-chat .chat-right-aside .send-chat-box {position: relative; }
#maxis-chat .chat-right-aside .send-chat-box .form-control {border: none;border-top: 1px solid #e9ecef;resize: none;height: 80px;padding-right: 180px; }
#maxis-chat .chat-right-aside .send-chat-box .form-control:focus {border-color: #e9ecef; }
#maxis-chat .chat-right-aside .send-chat-box .custom-send {position: absolute;right: 20px;bottom: 10px; }
#maxis-chat .chat-right-aside .send-chat-box .custom-send .cst-icon {color: #212529;margin-right: 10px; }
#maxis-chat .text-end {text-align: right!important;}
#maxis-chat .chat-list li .chat-content .box {white-space: pre-line;}
#maxis-chat .badge {color: #fff;border-radius: 50%;height: 18px;width: 18px;margin-left: 7px;font-style: normal;font-size: 11px;opacity: .8;}
#maxis-chat .chat-list li{margin-top:5px}
#maxis-chat .chatonline li a.active {background-color: #edf1f5;}
#maxis-chat .action-icons{float:right}
#maxis-chat .card-actions a {font-size: 18px;margin-left: 10px;}
#maxis-chat img {width: 45px;height: 45px;border: 1px solid #edf1f5;border-radius: 50%;}
#maxis-chat .dates-container {padding: 14px;border-bottom: 1px solid #edf1f5;height:60px}
#maxis-chat .fixed-menu .card-body {margin-bottom: 129px;}

@media(max-width:767px) {
    #maxis-chat .chat-right-aside {
        width: 100%
    }

    #maxis-chat .chat-left-aside{
        display:none
    }

    #maxis-chat .chat-right-aside {
        padding-left: 0;
    }
}
















 #filesModal .modal-body{padding-bottom:0}




 #filesModal .modal-footer {
    display:none
}
/*Trans Page ****************************************************************/
#trans #gridTransD .Address {
    white-space: pre-line;
}
#trans ul a {display: block;border-top:0}
#trans ul li {border-radius:0}
#trans .no-doc {border: 1px solid #e9ecef;padding: 6px 12px;color: #aaa;}

/*Users Page ****************************************************************/


/*General ****************************************************************/
#btnRefreshAdvSearch {width: 150px;}
#noOfDics {
    display: none;
}


#importDataTable .note-toolbar.card-header {display: none}
#importDataTable #gridDataTable .control-cell {width: 10%;}
#importDataTable #gridDataTable th {font-weight: 600}
#importDataTable #selects td {padding: 0;}
#importDataTable td {white-space: initial;}
#importDataTable select {padding: 10px;background-color: #343a40;color: #fff;}


#errorModal .contents {
    max-height: 500px;
    min-height: 150px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 12px;
    white-space: pre-line;
}

#importDataTable td {
    border: 1px solid #ddd;
    white-space: initial !important
}