@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@font-face {font-family: 'MANDALA_REGULAR';src: url('../font/Mandala/MANDALA_REGULAR.OTF') format('opentype');}

:root {
    --font-family: "Poppins", sans-serif;

    --color-primary: #1e529b;
    --color-secondary: #f89a29;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;  

    --color-btn-primary:#1e529b ;
    --color-btn-secondary: #f89a29;
    --color-btn-success: #28a745;
    --color-btn-danger: #dc3545;
    --color-btn-warning: #ffc107;  

    --color-bg: #ebedf4;
    --color-white: #fff;
    --color-black: #000;
    --color-light: #fff4f1;
    --color-primary-light: #fcf5ff;
    --color-secondary-light: #fff2ef;
    --color-yellow-lt:#fff7de;

    --color-sorting: #666666;
    --color-selFlight: rgb(0 141 236 / 90%);
    --color-table-bg: #16324a;
    --color-table-border: #838080;

    --color-linear-gradient: linear-gradient(90deg, #D45436 0%, #D45436 100%)
}

/*------------COMMON------------*/
body {margin: 0;padding: 0;overflow-x: hidden;font-family: 'Poppins', sans-serif;font-size:14px;}/*background-color: #f5f9ff*/
body,h1,h2,h3,h4,h5,h6,span,ul,li,p,small,bold,label,select,input,div,button{font-family:"Poppins",sans-serif}

.Composemaildescription body,.Composemaildescription h1,.Composemaildescription h2,.Composemaildescription h3,.Composemaildescription h4,.Composemaildescription h5,.Composemaildescription h6,.Composemaildescription span,.Composemaildescription ul,.Composemaildescription li,.Composemaildescription p,.Composemaildescription small,.Composemaildescription bold,.Composemaildescription label,.Composemaildescription select,.Composemaildescription input,.Composemaildescription div,.Composemaildescription button {    font-family: Calibri, sans-serif;}
.rplymail_description body,.rplymail_description h1,.rplymail_description h2,.rplymail_description h3,.rplymail_description h4,.rplymail_description h5,.rplymail_description h6,.rplymail_description span,.rplymail_description ul,.rplymail_description li,.rplymail_description p,.rplymail_description small,.rplymail_description bold,.rplymail_description label,.rplymail_description select,.rplymail_description input,.rplymail_description div,.rplymail_description button {    font-family: Calibri, sans-serif;}


.form-control{box-shadow: none;height: 36px;border-radius: 6px;font-weight: 500 !important;font-size: 12px;color:#828185 !important;border:1px solid #ced4da}
label{font-size: 13px;color: #56595d !important;font-weight: 600;margin-bottom:0px}
input,select,textarea{font-weight: 500 !important;font-size: 13px;color:#565656 !important;height:38px !important}
.cbk_rad_btn{width:2%;padding-top:12px}
::placeholder{color:#8392a5 !important;font-weight: 300;font-size: 12px;}
.chosen-container{width:100% !important}
.chosen-container.chosen-container-single{height:38px;}
.chosen-container-multi .chosen-choices{min-height:38px;overflow-y: scroll !important;display: block;border: 1px solid #ced4da !important;border-radius: 6px;max-height:185px !important}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{font-size:12px !important;margin:0px !important}


/*------------BUTTON------------*/
.editbtn{background-color:#1e529b;color:#fff;height: 38px;}
.newbtn{background-color:#1e529b;color:#fff;height: 38px;}
.deletebtn{background-color:#f89a29;color:#fff;height: 38px;}



/*@media (min-height:800px) and (max-height:1200px) {
     .note-editor .note-editing-area {height: 320px;}
}*/
@media (min-height:800px) and (max-height:1200px) {
.note-editor .note-editing-area {height: 55vh !important;}
#ComposeEmail .Compose_mail .note-editor .note-editing-area{height:55vh !important;}
}


@media (min-width:1500px) and (max-width:1599px) {
   #mailbox #divExpandmail.clsextend{width:calc(113.5%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}
@media (min-width:1600px) and (max-width:1700px) {
   #mailbox #divExpandmail.clsextend{width:calc(114%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}
@media (min-width:1701px) and (max-width:1800px) {
   #mailbox #divExpandmail.clsextend{width:calc(112%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}
@media (min-width:1801px) and (max-width:1920px) {
   #mailbox #divExpandmail.clsextend{width:calc(111.3%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}
@media (min-width:1921px) and (max-width:2000px){
   #mailbox #divExpandmail.clsextend{width:calc(111%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}
@media (min-width:2001px) and (max-width:2200px){
   #mailbox #divExpandmail.clsextend{width:calc(110%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}
@media (min-width:2201px) and (max-width:2500px){
   #mailbox #divExpandmail.clsextend{width:calc(108.5%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}

@media (min-width:2501px){
     #mailbox #divExpandmail.clsextend{width:calc(108%) !important;}
   #mailbox #divExpandmail.expandshrink{width:50% !important;}
}

.btn{font-size:14px !important}
/*.btn_color1{background-color: #1e529b !important;color: #fff;margin-top:20px;height:35px;border: 1px solid #1e529b !important;}*/
.btn_color1 {background-color: #1e529b !important;color: #fff;margin-top: 20px;font-size: 13px !important;height: 35px;border: 1px solid #1e529b !important;border-radius: 6px;}
.btn_color1:hover{color:#fff;border: 1px solid #1e529b !important;}
/*.btn_color2{background-color: #f89a29 !important;color: #fff;margin-top:20px;height:35px;border: 1px solid #f89a29 !important;}*/
.btn_color2 {background-color: #f89a29 !important;color: #fff;margin-top: 20px;font-size: 13px !important;height: 35px;border-radius: 6px;border: 1px solid #f89a29 !important;}
.btn_color2:hover{color:#fff;border: 1px solid #f89a29 !important;}
.rad_btn{margin-top:25px !important} 
.btn:hover, .btn:focus{border:none;outline:none;color:#fff;}
.float-left{float:left;}
.mailcontent .col-md-3{padding-right:0;}
.mailcontent .col-md-2{padding-right:0;}
.mailcontent .inboxcoln {height: calc(100vh - 100px);padding-right: 0;padding-left: 0;width:53%;margin:0 5px;border:1px solid #dfdfdf;border-radius:5px;}/*padding:15px 15px;*/

.cmn_section .container{max-width: 100%;margin: 0 0 0 65px;}
.user_creations, .configuration, .branch_creation, .profile, #status_container, .slapolicy, .notification, .Home{transition:all 0.5s ease-in-out}
.titlediv h4 {color: #1655ae;font-size: 16px;margin-bottom: 0px;margin-top: 0px;font-weight:600;}
.input-group-addon{background-color:transparent;border:none;}
.chckbx{margin-top:25px !important;}
.table thead > tr > th{border-bottom:0;}
.title h5{font-size: 16px;font-weight: 600;color:#1e529b;}
.tabcontentcolumn{max-height: 82vh;overflow-y: auto;overflow-x:hidden;}

.cmn_section{margin-top:80px;}
.cmn_content{/*background-color: #fff;padding: 0 15px 15px 15px;border-radius: 3px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;display: block;/*max-height: 88vh;height:88vh;overflow-y: auto;overflow-x: hidden;*/}


.cmn_content .configbtn{display:flex;justify-content:center;} 

.blockMsg {background-color:transparent !important;border:none !important;}
.blockMsg .loader img{background-color:#fff;border-radius:5px;}

.position-relative{position:relative;}
.position-absolute{position:absolute;}
.d-flex{display:flex;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}

.float-left{float:left;}
.col-red{color:red;}
.col-green{color:green;}

/*Input*/
body select.form-control option{padding:10px !important;}

/*Dropdown*/
.indication .dropdown-toggle {height: 38px;color: #333;padding: 8px 12px;border-color: #ebebeb;border-radius: 10px;}
.indication .dropdown-toggle:hover, .dropdown-toggle:focus {color: #333;border: 1px solid #ebebeb;}
.indication .dropdown-toggle::after {display: inline-block;width: 0;height: 0;margin-left: 0.5em;vertical-align: 0.255em;content: "";border-top: 0.4em solid;border-right: 0.4em solid transparent;border-bottom: 0;border-left: 0.4em solid transparent;position: relative;top: 3px;}
.indication .dropdown-menu{background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: 10px;}
.indication .dropdown-item {display: block;width: 100%;padding: 7px 14px;clear: both;font-weight: 400;color: #212529;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;}
.indication .dropdown-item:hover{background-color:#e5efff;color:#1e529b;text-decoration:none;}
.indication .dropdown a{font-size:13px !important;}
.indication .dropdown img {width: 20px;margin-right: 5px}

/*ICON*/
.ico{position: absolute;color: #1e529b;top: 30px;right: 25px;}
.logininfo .ico{color: #1e529b !important;top: 27px;right: 15px;}

/*------------font-size------------*/
.font-8 {font-size:8px !important;}.font-9 {font-size:9px !important;}.font-10 {font-size:10px !important;}
.font-11 {font-size:11px !important;}.font-12 {font-size:12px !important;}.font-13 {font-size:13px !important;}.font-14 {font-size:14px !important;}.font-15 {font-size:15px !important;}
.font-16 {font-size:16px !important;}.font-17 {font-size:17px !important;}.font-18 {font-size:18px !important;}.font-19 {font-size:19px !important;}.font-20 {font-size:20px !important;}
.font-21 {font-size:21px !important;}.font-22 {font-size:22px !important;}.font-23 {font-size:23px !important;}.font-24 {font-size:24px !important;}.font-25 {font-size:25px !important;}
.font-26 {font-size:26px !important;}.font-27 {font-size:27px !important;}.font-28 {font-size:28px !important;}.font-29 {font-size:29px !important;}.font-30 {font-size:30px !important;}
.font-31 {font-size:31px !important;}.font-32 {font-size:32px !important;}.font-33 {font-size:33px !important;}.font-34 {font-size:30px !important;}.font-35 {font-size:35px !important;}
.font-36 {font-size:36px !important;}.font-37 {font-size:37px !important;}.font-38 {font-size:38px !important;}.font-39 {font-size:39px !important;}.font-40 {font-size:40px !important;}
.font-50 {font-size:50px !important;}.font-60 {font-size:60px !important;}.font-70 {font-size:70px !important;}.font-80 {font-size:80px !important;}.font-90 {font-size:90px !important;}
.font-100 {font-size:100px !important;}

.tx-8 {font-size: 8px; }.tx-8-f {font-size: 8px !important; }.tx-9 {font-size: 9px; }.tx-9-f {font-size: 9px !important; }
.tx-10 {font-size: 10px;white-space:nowrap;}.tx-10-f {font-size: 10px !important; }.tx-11 {font-size: 11px !important; }.tx-11-f {font-size: 11px !important; }
.tx-12 {font-size: 12px;}.tx-12-f {font-size: 12px !important; }.tx-13 {font-size: 13px; }.tx-13-f {font-size: 13px !important; }
.tx-14 {font-size: 14px; }.tx-14-f {font-size: 14px !important; }.tx-15 {font-size: 15px; }.tx-15-f {font-size: 15px !important; }
.tx-16 {font-size: 16px; }.tx-16-f {font-size: 16px !important; }.tx-17 {font-size: 17px; }.tx-17-f {font-size: 17px !important; }
.tx-18 {font-size: 18px; }.tx-18-f {font-size: 18px !important; }.tx-19 {font-size: 19px; }.tx-19-f {font-size: 19px !important; }
.tx-20 {font-size: 20px; }.tx-20-f {font-size: 20px !important; }.tx-22 {font-size: 22px; }.tx-22-f {font-size: 22px !important; }
.tx-23 {font-size: 23px; }.tx-23-f {font-size: 23px !important; }.tx-24 {font-size: 24px; }.tx-24-f {font-size: 24px !important; }
.tx-25 {font-size: 25px; }.tx-25-f {font-size: 25px !important; }.tx-26 {font-size: 26px; }.tx-26-f {font-size: 26px !important; }
.tx-27 {font-size: 27px; }.tx-27-f {font-size: 27px !important; }.tx-28 {font-size: 28px; }.tx-28-f {font-size: 28px !important; }
.tx-29 {font-size: 29px; }.tx-29-f {font-size: 29px !important; }.tx-30 {font-size: 30px; }.tx-30-f {font-size: 30px !important; }
.tx-32 {font-size: 32px; }.tx-32-f {font-size: 32px !important; }.tx-34 {font-size: 34px; }.tx-34-f {font-size: 34px !important; }
.tx-36 {font-size: 36px; }.tx-36-f {font-size: 36px !important; }.tx-38 {font-size: 38px; }.tx-38-f {font-size: 38px !important; }
.tx-40 {font-size: 40px; }.tx-40-f {font-size: 40px !important; }.tx-42 {font-size: 42px; }.tx-42-f {font-size: 42px !important; }
.tx-44 {font-size: 44px; }.tx-44-f {font-size: 44px !important; }.tx-46 {font-size: 46px; }.tx-46-f {font-size: 46px !important; }
.tx-48 {font-size: 48px; }.tx-48-f {font-size: 48px !important; }.tx-50 {font-size: 50px; }.tx-50-f {font-size: 50px !important; }
.tx-52 {font-size: 52px; }.tx-52-f {font-size: 52px !important; }.tx-54 {font-size: 54px; }.tx-54-f {font-size: 54px !important; }
.tx-56 {font-size: 56px; }.tx-56-f {font-size: 56px !important; }.tx-58 {font-size: 58px; }.tx-58-f {font-size: 58px !important; }
.tx-60 {font-size: 60px; }.tx-60-f {font-size: 60px !important; }.tx-62 {font-size: 62px; }.tx-62-f {font-size: 62px !important; }
.tx-64 {font-size: 64px; }.tx-64-f {font-size: 64px !important; }.tx-66 {font-size: 66px; }.tx-66-f {font-size: 66px !important; }
.tx-68 {font-size: 68px; }.tx-68-f {font-size: 68px !important; }.tx-70 {font-size: 70px; }.tx-70-f {font-size: 70px !important; }
.tx-72 {font-size: 72px; }.tx-72-f {font-size: 72px !important; }.tx-74 {font-size: 74px; }.tx-74-f {font-size: 74px !important; }
.tx-76 {font-size: 76px; }.tx-76-f {font-size: 76px !important; }.tx-78 {font-size: 78px; }.tx-78-f {font-size: 78px !important; }
.tx-80 {font-size: 80px; }.tx-80-f {font-size: 80px !important; }.tx-82 {font-size: 82px; }.tx-82-f {font-size: 82px !important; }
.tx-84 {font-size: 84px; }.tx-84-f {font-size: 84px !important; }.tx-86 {font-size: 86px; }.tx-86-f {font-size: 86px !important; }
.tx-88 {font-size: 88px; }.tx-88-f {font-size: 88px !important; }.tx-90 {font-size: 90px; }.tx-90-f {font-size: 90px !important; }
.tx-92 {font-size: 92px; }.tx-92-f {font-size: 92px !important; }.tx-94 {font-size: 94px; }.tx-94-f {font-size: 94px !important; }
.tx-96 {font-size: 96px; }.tx-96-f {font-size: 96px !important; }.tx-98 {font-size: 98px; }.tx-98-f {font-size: 98px !important; }

/*------------Padding------------*/
.p-0 {padding: 0 !important;}.pl-0 {padding-left: 0 !important;}.pr-0 {padding-right: 0 !important;}.pt-0 {padding-top: 0 !important;}.pb-0 {padding-bottom: 0 !important;}
.p-1 {padding: 1px !important;}.pl-1 {padding-left: 1px !important;}.pr-1 {padding-right: 1px !important;}.pt-1 {padding-top: 1px !important;}.pb-1 {padding-bottom: 1px !important;}
.p-2 {padding: 2px !important;}.pl-2 {padding-left: 2px !important;}.pr-2 {padding-right: 2px !important;}.pt-2 {padding-top: 2px !important;}.pb-2 {padding-bottom: 2px !important;}
.p-3 {padding: 3px !important;}.pl-3 {padding-left: 3px !important;}.pr-3 {padding-right: 3px !important;}.pt-3 {padding-top: 3px !important;}.pb-3 {padding-bottom: 3px !important;}
.p-4 {padding: 4px !important;}.pl-4 {padding-left: 4px !important;}.pr-4 {padding-right: 4px !important;}.pt-4 {padding-top: 4px !important;}.pb-4 {padding-bottom: 4px !important;}
.p-5 {padding: 5px !important;}.pl-5 {padding-left: 5px !important;}.pr-5 {padding-right: 5px !important;}.pt-5 {padding-top: 5px !important;}.pb-5 {padding-bottom: 5px !important;}
.p-6 {padding: 6px !important;}.pl-6 {padding-left: 6px !important;}.pr-6 {padding-right: 6px !important;}.pt-6 {padding-top: 6px !important;}.pb-6 {padding-bottom: 6px !important;}
.p-7 {padding: 7px !important;}.pl-7 {padding-left: 7px !important;}.pr-7 {padding-right: 7px !important;}.pt-7 {padding-top: 7px !important;}.pb-7 {padding-bottom: 7px !important;}
.p-8 {padding: 8px !important;}.pl-8 {padding-left: 8px !important;}.pr-8 {padding-right: 8px !important;}.pt-8 {padding-top: 8px !important;}.pb-8 {padding-bottom: 8px !important;}
.p-9 {padding: 9px !important;}.pl-9 {padding-left: 9px !important;}.pr-9 {padding-right: 9px !important;}.pt-9 {padding-top: 9px !important;}.pb-9 {padding-bottom: 9px !important;}
.p-10 {padding: 10px !important;}.pl-10 {padding-left: 10px !important;}.pr-10 {padding-right: 10px !important;}.pt-10 {padding-top: 10px !important;}.pb-10 {padding-bottom: 10px !important;}
.p-11 {padding: 11px !important;}.pl-11 {padding-left: 11px !important;}.pr-11 {padding-right: 11px !important;}.pt-11 {padding-top: 11px !important;}.pb-11 {padding-bottom: 11px !important;}
.p-12 {padding: 12px !important;}.pl-12 {padding-left: 12px !important;}.pr-12 {padding-right: 12px !important;}.pt-12 {padding-top: 12px !important;}.pb-12 {padding-bottom: 12px !important;}
.p-13 {padding: 13px !important;}.pl-13 {padding-left: 13px !important;}.pr-13 {padding-right: 13px !important;}.pt-13 {padding-top: 13px !important;}.pb-13 {padding-bottom: 13px !important;}
.p-14 {padding: 14px !important;}.pl-14 {padding-left: 14px !important;}.pr-14 {padding-right: 14px !important;}.pt-14 {padding-top: 14px !important;}.pb-14 {padding-bottom: 14px !important;}
.p-15 {padding: 15px !important;}.pl-15 {padding-left: 15px !important;}.pr-15 {padding-right: 15px !important;}.pt-15 {padding-top: 15px !important;}.pb-15 {padding-bottom: 15px !important;}
.p-16 {padding: 16px !important;}.pl-16 {padding-left: 16px !important;}.pr-16 {padding-right: 16px !important;}.pt-16 {padding-top: 16px !important;}.pb-16 {padding-bottom: 16px !important;}
.p-17 {padding: 17px !important;}.pl-17 {padding-left: 17px !important;}.pr-17 {padding-right: 17px !important;}.pt-17 {padding-top: 17px !important;}.pb-17 {padding-bottom: 17px !important;}
.p-18 {padding: 18px !important;}.pl-18 {padding-left: 18px !important;}.pr-18 {padding-right: 18px !important;}.pt-18 {padding-top: 18px !important;}.pb-18 {padding-bottom: 18px !important;}
.p-19 {padding: 19px !important;}.pl-19 {padding-left: 19px !important;}.pr-19 {padding-right: 19px !important;}.pt-19 {padding-top: 19px !important;}.pb-19 {padding-bottom: 19px !important;}
.p-20 {padding: 20px !important;}.pl-20 {padding-left: 20px !important;}.pr-20 {padding-right: 20px !important;}.pt-20 {padding-top: 20px !important;}.pb-20 {padding-bottom: 20px !important;}
.p-21 {padding: 21px !important;}.pl-21 {padding-left: 21px !important;}.pr-21 {padding-right: 21px !important;}.pt-21 {padding-top: 21px !important;}.pb-21 {padding-bottom: 21px !important;}
.p-22 {padding: 22px !important;}.pl-22 {padding-left: 22px !important;}.pr-22 {padding-right: 22px !important;}.pt-22 {padding-top: 22px !important;}.pb-22 {padding-bottom: 22px !important;}
.p-23 {padding: 23px !important;}.pl-23 {padding-left: 23px !important;}.pr-23 {padding-right: 23px !important;}.pt-23 {padding-top: 23px !important;}.pb-23 {padding-bottom: 23px !important;}
.p-24 {padding: 24px !important;}.pl-24 {padding-left: 24px !important;}.pr-24 {padding-right: 24px !important;}.pt-24 {padding-top: 24px !important;}.pb-24 {padding-bottom: 24px !important;}
.p-25 {padding: 25px !important;}.pl-25 {padding-left: 25px !important;}.pr-25 {padding-right: 25px !important;}.pt-25 {padding-top: 25px !important;}.pb-25 {padding-bottom: 25px !important;}
.p-26 {padding: 26px !important;}.pl-26 {padding-left: 26px !important;}.pr-26 {padding-right: 26px !important;}.pt-26 {padding-top: 26px !important;}.pb-26 {padding-bottom: 26px !important;}
.p-27 {padding: 27px !important;}.pl-27 {padding-left: 27px !important;}.pr-27 {padding-right: 27px !important;}.pt-27 {padding-top: 27px !important;}.pb-27 {padding-bottom: 27px !important;}
.p-28 {padding: 28px !important;}.pl-28 {padding-left: 28px !important;}.pr-28 {padding-right: 28px !important;}.pt-28 {padding-top: 28px !important;}.pb-28 {padding-bottom: 28px !important;}
.p-29 {padding: 29px !important;}.pl-29 {padding-left: 29px !important;}.pr-29 {padding-right: 29px !important;}.pt-29 {padding-top: 29px !important;}.pb-29 {padding-bottom: 29px !important;}
.p-30 {padding: 30px !important;}.pl-30 {padding-left: 30px !important;}.pr-30 {padding-right: 30px !important;}.pt-30 {padding-top: 30px !important;}.pb-30 {padding-bottom: 30px !important;}
.p-35 {padding: 35px !important;}.pl-35 {padding-left: 35px !important;}.pr-35 {padding-right: 35px !important;}.pt-35 {padding-top: 35px !important;}.pb-35 {padding-bottom: 35px !important;}
.p-40 {padding: 40px !important;}.pl-40 {padding-left: 40px !important;}.pr-40 {padding-right: 40px !important;}.pt-40 {padding-top: 40px !important;}.pb-40 {padding-bottom: 40px !important;}
.p-45 {padding: 45px !important;}.pl-45 {padding-left: 45px !important;}.pr-45 {padding-right: 45px !important;}.pt-45 {padding-top: 45px !important;}.pb-45 {padding-bottom: 45px !important;}
.p-50 {padding: 50px !important;}.pl-50 {padding-left: 50px !important;}.pr-50 {padding-right: 50px !important;}.pt-50 {padding-top: 50px !important;}.pb-50 {padding-bottom: 50px !important;}
.p-55 {padding: 55px !important;}.pl-55 {padding-left: 55px !important;}.pr-55 {padding-right: 55px !important;}.pt-55 {padding-top: 55px !important;}.pb-55 {padding-bottom: 55px !important;}
.p-60 {padding: 60px !important;}.pl-60 {padding-left: 60px !important;}.pr-60 {padding-right: 60px !important;}.pt-60 {padding-top: 60px !important;}.pb-60 {padding-bottom: 60px !important;}
.p-65 {padding: 65px !important;}.pl-65 {padding-left: 65px !important;}.pr-65 {padding-right: 65px !important;}.pt-65 {padding-top: 65px !important;}.pb-65 {padding-bottom: 65px !important;}
.p-70 {padding: 70px !important;}.pl-70 {padding-left: 70px !important;}.pr-70 {padding-right: 70px !important;}.pt-70 {padding-top: 70px !important;}.pb-70 {padding-bottom: 70px !important;}
.p-75 {padding: 75px !important;}.pl-75 {padding-left: 75px !important;}.pr-75 {padding-right: 75px !important;}.pt-75 {padding-top: 75px !important;}.pb-75 {padding-bottom: 75px !important;}
.p-80 {padding: 80px !important;}.pl-80 {padding-left: 80px !important;}.pr-80 {padding-right: 80px !important;}.pt-80 {padding-top: 80px !important;}.pb-80 {padding-bottom: 80px !important;}
.p-85 {padding: 85px !important;}.pl-85 {padding-left: 85px !important;}.pr-85 {padding-right: 85px !important;}.pt-85 {padding-top: 85px !important;}.pb-85 {padding-bottom: 85px !important;}
.p-90 {padding: 90px !important;}.pl-90 {padding-left: 90px !important;}.pr-90 {padding-right: 90px !important;}.pt-90 {padding-top: 90px !important;}.pb-90 {padding-bottom: 90px !important;}
.p-95 {padding: 95px !important;}.pl-95 {padding-left: 95px !important;}.pr-95 {padding-right: 95px !important;}.pt-95 {padding-top: 95px !important;}.pb-95 {padding-bottom: 95px !important;}
.p-100 {padding: 100px !important;}.pl-100 {padding-left: 100px !important;}.pr-100 {padding-right: 100px !important;}.pt-100 {padding-top: 100px !important;}.pb-100 {padding-bottom: 100px !important;}

/*------------Margin------------*/
.m-0 {margin: 0 !important;}.ml-0 {margin-left: 0 !important;}.mr-0 {margin-right: 0 !important;}.mt-0 {margin-top: 0 !important;}.mb-0 {margin-bottom: 0 !important;}
.m-1 {margin: 1px !important;}.ml-1 {margin-left: 1px !important;}.mr-1 {margin-right: 1px !important;}.mt-1 {margin-top: 1px !important;}.mb-1 {margin-bottom: 1px !important;}
.m-2 {margin: 2px !important;}.ml-2 {margin-left: 2px !important;}.mr-2 {margin-right: 2px !important;}.mt-2 {margin-top: 2px !important;}.mb-2 {margin-bottom: 2px !important;}
.m-3 {margin: 3px !important;}.ml-3 {margin-left: 3px !important;}.mr-3 {margin-right: 3px !important;}.mt-3 {margin-top: 3px !important;}.mb-3 {margin-bottom: 3px !important;}
.m-4 {margin: 4px !important;}.ml-4 {margin-left: 4px !important;}.mr-4 {margin-right: 4px !important;}.mt-4 {margin-top: 4px !important;}.mb-4 {margin-bottom: 4px !important;}
.m-5 {margin: 5px !important;}.ml-5 {margin-left: 5px !important;}.mr-5 {margin-right: 5px !important;}.mt-5 {margin-top: 5px !important;}.mb-5 {margin-bottom: 5px !important;}
.m-6 {margin: 6px !important;}.ml-6 {margin-left: 6px !important;}.mr-6 {margin-right: 6px !important;}.mt-6 {margin-top: 6px !important;}.mb-6 {margin-bottom: 6px !important;}
.m-7 {margin: 7px !important;}.ml-7 {margin-left: 7px !important;}.mr-7 {margin-right: 7px !important;}.mt-7 {margin-top: 7px !important;}.mb-7 {margin-bottom: 7px !important;}
.m-8 {margin: 8px !important;}.ml-8 {margin-left: 8px !important;}.mr-8 {margin-right: 8px !important;}.mt-8 {margin-top: 8px !important;}.mb-8 {margin-bottom: 8px !important;}
.m-9 {margin: 9px !important;}.ml-9 {margin-left: 9px !important;}.mr-9 {margin-right: 9px !important;}.mt-9 {margin-top: 9px !important;}.mb-9 {margin-bottom: 9px !important;}
.m-10 {margin: 10px !important;}.ml-10 {margin-left: 10px !important;}.mr-10 {margin-right: 10px !important;}.mt-10 {margin-top: 10px !important;}.mb-10 {margin-bottom: 10px !important;}
.m-11 {margin: 11px !important;}.ml-11 {margin-left: 11px !important;}.mr-11 {margin-right: 11px !important;}.mt-11 {margin-top: 11px !important;}.mb-11 {margin-bottom: 11px !important;}
.m-12 {margin: 12px !important;}.ml-12 {margin-left: 12px !important;}.mr-12 {margin-right: 12px !important;}.mt-12 {margin-top: 12px !important;}.mb-12 {margin-bottom: 12px !important;}
.m-13 {margin: 13px !important;}.ml-13 {margin-left: 13px !important;}.mr-13 {margin-right: 13px !important;}.mt-13 {margin-top: 13px !important;}.mb-13 {margin-bottom: 13px !important;}
.m-14 {margin: 14px !important;}.ml-14 {margin-left: 14px !important;}.mr-14 {margin-right: 14px !important;}.mt-14 {margin-top: 14px !important;}.mb-14 {margin-bottom: 14px !important;}
.m-15 {margin: 15px !important;}.ml-15 {margin-left: 15px !important;}.mr-15 {margin-right: 15px !important;}.mt-15 {margin-top: 15px !important;}.mb-15 {margin-bottom: 15px !important;}
.m-16 {margin: 16px !important;}.ml-16 {margin-left: 16px !important;}.mr-16 {margin-right: 16px !important;}.mt-16 {margin-top: 16px !important;}.mb-16 {margin-bottom: 16px !important;}
.m-17 {margin: 17px !important;}.ml-17 {margin-left: 17px !important;}.mr-17 {margin-right: 17px !important;}.mt-17 {margin-top: 17px !important;}.mb-17 {margin-bottom: 17px !important;}
.m-18 {margin: 18px !important;}.ml-18 {margin-left: 18px !important;}.mr-18 {margin-right: 18px !important;}.mt-18 {margin-top: 18px !important;}.mb-18 {margin-bottom: 18px !important;}
.m-19 {margin: 19px !important;}.ml-19 {margin-left: 19px !important;}.mr-19 {margin-right: 19px !important;}.mt-19 {margin-top: 19px !important;}.mb-19 {margin-bottom: 19px !important;}
.m-20 {margin: 20px !important;}.ml-20 {margin-left: 20px !important;}.mr-20 {margin-right: 20px !important;}.mt-20 {margin-top: 20px !important;}.mb-20 {margin-bottom: 20px !important;}
.m-21 {margin: 21px !important;}.ml-21 {margin-left: 21px !important;}.mr-21 {margin-right: 21px !important;}.mt-21 {margin-top: 21px !important;}.mb-21 {margin-bottom: 21px !important;}
.m-22 {margin: 22px !important;}.ml-22 {margin-left: 22px !important;}.mr-22 {margin-right: 22px !important;}.mt-22 {margin-top: 22px !important;}.mb-22 {margin-bottom: 22px !important;}
.m-23 {margin: 23px !important;}.ml-23 {margin-left: 23px !important;}.mr-23 {margin-right: 23px !important;}.mt-23 {margin-top: 23px !important;}.mb-23 {margin-bottom: 23px !important;}
.m-24 {margin: 24px !important;}.ml-24 {margin-left: 24px !important;}.mr-24 {margin-right: 24px !important;}.mt-24 {margin-top: 24px !important;}.mb-24 {margin-bottom: 24px !important;}
.m-25 {margin: 25px !important;}.ml-25 {margin-left: 25px !important;}.mr-25 {margin-right: 25px !important;}.mt-25 {margin-top: 25px !important;}.mb-25 {margin-bottom: 25px !important;}
.m-26 {margin: 26px !important;}.ml-26 {margin-left: 26px !important;}.mr-26 {margin-right: 26px !important;}.mt-26 {margin-top: 26px !important;}.mb-26 {margin-bottom: 26px !important;}
.m-27 {margin: 27px !important;}.ml-27 {margin-left: 27px !important;}.mr-27 {margin-right: 27px !important;}.mt-27 {margin-top: 27px !important;}.mb-27 {margin-bottom: 27px !important;}
.m-28 {margin: 28px !important;}.ml-28 {margin-left: 28px !important;}.mr-28 {margin-right: 28px !important;}.mt-28 {margin-top: 28px !important;}.mb-28 {margin-bottom: 28px !important;}
.m-29 {margin: 29px !important;}.ml-29 {margin-left: 29px !important;}.mr-29 {margin-right: 29px !important;}.mt-29 {margin-top: 29px !important;}.mb-29 {margin-bottom: 29px !important;}
.m-30 {margin: 30px !important;}.ml-30 {margin-left: 30px !important;}.mr-30 {margin-right: 30px !important;}.mt-30 {margin-top: 30px !important;}.mb-30 {margin-bottom: 30px !important;}
.m-35 {margin: 35px !important;}.ml-35 {margin-left: 35px !important;}.mr-35 {margin-right: 35px !important;}.mt-35 {margin-top: 35px !important;}.mb-35 {margin-bottom: 35px !important;}
.m-40 {margin: 40px !important;}.ml-40 {margin-left: 40px !important;}.mr-40 {margin-right: 40px !important;}.mt-40 {margin-top: 40px !important;}.mb-40 {margin-bottom: 40px !important;}
.m-45 {margin: 45px !important;}.ml-45 {margin-left: 45px !important;}.mr-45 {margin-right: 45px !important;}.mt-45 {margin-top: 45px !important;}.mb-45 {margin-bottom: 45px !important;}
.m-50 {margin: 50px !important;}.ml-50 {margin-left: 50px !important;}.mr-50 {margin-right: 50px !important;}.mt-50 {margin-top: 50px !important;}.mb-50 {margin-bottom: 50px !important;}
.m-55 {margin: 55px !important;}.ml-55 {margin-left: 55px !important;}.mr-55 {margin-right: 55px !important;}.mt-55 {margin-top: 55px !important;}.mb-55 {margin-bottom: 55px !important;}
.m-60 {margin: 60px !important;}.ml-60 {margin-left: 60px !important;}.mr-60 {margin-right: 60px !important;}.mt-60 {margin-top: 60px !important;}.mb-60 {margin-bottom: 60px !important;}
.m-65 {margin: 65px !important;}.ml-65 {margin-left: 65px !important;}.mr-65 {margin-right: 65px !important;}.mt-65 {margin-top: 65px !important;}.mb-65 {margin-bottom: 65px !important;}
.m-70 {margin: 70px !important;}.ml-70 {margin-left: 70px !important;}.mr-70 {margin-right: 70px !important;}.mt-70 {margin-top: 70px !important;}.mb-70 {margin-bottom: 70px !important;}
.m-75 {margin: 75px !important;}.ml-75 {margin-left: 75px !important;}.mr-75 {margin-right: 75px !important;}.mt-75 {margin-top: 75px !important;}.mb-75 {margin-bottom: 75px !important;}
.m-80 {margin: 80px !important;}.ml-80 {margin-left: 80px !important;}.mr-80 {margin-right: 80px !important;}.mt-80 {margin-top: 80px !important;}.mb-80 {margin-bottom: 80px !important;}
.m-85 {margin: 85px !important;}.ml-85 {margin-left: 85px !important;}.mr-85 {margin-right: 85px !important;}.mt-85 {margin-top: 85px !important;}.mb-85 {margin-bottom: 85px !important;}
.m-90 {margin: 90px !important;}.ml-90 {margin-left: 90px !important;}.mr-90 {margin-right: 90px !important;}.mt-90 {margin-top: 90px !important;}.mb-90 {margin-bottom: 90px !important;}
.m-95 {margin: 95px !important;}.ml-95 {margin-left: 95px !important;}.mr-95 {margin-right: 95px !important;}.mt-95 {margin-top: 95px !important;}.mb-95 {margin-bottom: 95px !important;}
.m-100 {margin: 100px !important;}.ml-100 {margin-left: 100px !important;}.mr-100 {margin-right: 100px !important;}.mt-100 {margin-top: 100px !important;}.mb-100 {margin-bottom: 100px !important;}

/*------------Table------------*/
table{}
table thead{background-color: #1e529b;color: #fff;}
table thead tr{}
table thead tr th{font-size: 14px;padding: 12px 10px;text-align:center;}
table thead tr th:first-of-type {border-top-left-radius: 0.5rem;}
table thead tr th:last-of-type {border-top-right-radius: 0.5rem;}
table tbody{}
table tbody tr{}
.table-card table tbody tr:nth-child(even) {
    background-color: #e4efff;
}
.table-card table tbody tr td {    font-size: 13px;    color: #080808;    border-top: 0 !important;}

.table-card{position: relative;max-height: 400px;overflow-y: scroll;border: 1px solid #e4efff;border-radius: 8px;}
.table-card::-webkit-scrollbar{width: 0px;height:4px}


/*------------HEADER------------*/
/*.hamburger .logo{float:left}*/
/*.bodywrapper  hamburger_lay{width: 100%;background-color: #fdfdfd;height: 70px;position: absolute;top: -10px;z-index: -1;}*/
.hamburger_lay {width: 100%;background-color: #fdfdfd;height: 70px;position: absolute;top: -10px;z-index: -1;}
.bodywrapper .hamburger .heading{/*background-color: #fff;*/}
.bodywrapper .hamburger .heading .logo img{width:150px;margin:3px;padding-right:6px;}
.bodywrapper .hamburger .heading .togle_cls{display:flex;justify-content:space-between;background-color: #fff;padding: 5px;border-radius:10px;box-shadow: 0 0 20px 3px rgb(0 0 0 / 8%);}
.bodywrapper .hamburger .heading .header_left{display:flex;}

/*------------PROFILE SECTION------------*/
.Header_details{display:flex;align-items:center}
.Header_details .header_menus .notification{position: relative;border-radius: 50px;margin-right: 24px;transition: all 0.3s ease-in-out;cursor: pointer;width: 34px;height: 34px;text-align: center;padding-top: 9px;}
.Header_details .header_menus .notification:hover{background-color:#e6e6e6}
.Header_details .header_menus .notification span{position: absolute;width: 12px;height: 12px;background-color: #df1c45;border-radius: 50px;font-size: 8px;color: #fff;text-align: center;top: 1px;left: 17px;padding-top: 1px;font-weight: 500;}

.Header_details .header_menus .notification svg{font-size:16px;transition:all 0.5s ease-in-out;cursor:pointer}
.Header_details .profile_{display: flex;justify-content: center;align-items: center;cursor:pointer}
.Header_details .profile_ img{width: 32px;height: 34px;border-radius: 50px;object-fit:cover;border: 1px solid #dfdfdf;}
.Header_details .profile_ span{width: 32px;height: 34px;border-radius: 50px;border: 1px solid #e5efff;background-color: #e5efff;color: #1e529b;padding: 6px;font-weight: 600;}
.Header_details .profile_ .user_info{padding-left:10px}
.Header_details .profile_ .user_info p{margin-bottom:0px;font-size: 13px;font-weight: 500;line-height:14px}
.Header_details .profile_ .user_info p:nth-child(2){font-size:9px;color:#878a99;font-weight:500;}
.Header_details .logout .log_out{font-size: 16px;padding-left: 24px;cursor:pointer}
.Header_details .logout .log_out svg{transition:all 0.3s ease-in-out}
.Header_details .logout .log_out svg:hover{color:#f89a29}
.Header_details .indication{display:flex;align-items: center;margin-right:10px;}
.Header_details .indication .online{background-color:#1e529b;color:#fff !important;font-size:12px;font-weight: 500;padding:2px 7px;margin-right:10px;border-radius:25px;}
.Header_details .indication .offline{background-color:#d50000;color:#fff !important;font-size:12px;font-weight: 500;padding:2px 7px;margin-right:10px;border-radius:25px;}
.Header_details .indication select{width: 65%;height: 30px !important;border-radius: 25px;padding: 3px 10px;margin-right:10px;}

/*------------LOGIN SCREEN------------*/
#loginpage{overflow:hidden}
#loginpage .logininfo .title{text-align:center;font-size:20px;}
    #loginpage .login_background.Travrays {
        background-size: cover;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        background-color: #0173BA;
        /*background-image: url('../Images/Bg_img_.png');*/
        background-image: url('../Images/Travarays_uae/Bg_img_.png');
    }

#loginpage .login_background {background-size: cover;height: 100%;background-position: center;background-repeat: no-repeat;width: 100%;background-color: #0173BA
                              ;background-image: url('/Images/Bg_img_.png');

}
#loginpage .content_body{display:flex;justify-content:center;align-items:center;height:100%}
#loginpage .logininfo {background: #fff;border-radius: 0 5px 5px 0;border: 1px solid rgba( 255, 255, 255, 0.18 );width: 46%;height: 100vh;padding: 40px 18px 40px 18px;position: relative;}
#loginpage .logininfo .input-group{position:relative;display:block !important}
#loginpage .logininfo .input-group .input_icon{position: absolute;top: 14px;background-color: #ddd;width: 45px;height: 45px;text-align: center;border-radius: 3px 0 0 3px;z-index: 10;}
#loginpage .logininfo .input-group .input_icon svg{padding-top:15px;color:#4076cb}
#loginpage .logininfo .input-group span {color:#007bff;}
#loginpage .containerlike{margin-left:15px;margin-right:15px;}
#loginpage .form-control {background-color: #f1f1f1;border: none;border-bottom: 1px solid #c5c5c9;border-radius: 2px;font-weight: 400;color: #1e2022;padding: 14px 10px 12px 60px;width: 80%;line-height: 1.6;width: 100%;margin: 14px 0px;background-image: url(../Images/BrandedEmail.png);height: 45px !important;box-shadow: none !important;border: none !important;font-size:13px}
#loginpage .form-control:focus {color: #212529;border-color: #588dd9;outline: 0;box-shadow: none;outline: 0}
#loginpage .loginor .wordor{margin:0 5px}
#loginpage .form-check {font-weight: 400;display:inline-flex;margin-left:-4px;padding-left:6px}
#loginpage .form-check label {color:#606970;}
#loginpage label {display: block;color: #1e2022;}
#loginpage .nm-check {cursor: pointer;}
#loginpage .form-check input[type='checkbox'] {position: relative;top:12px;z-index:1;width: 1rem;height: 1.3rem;opacity: 0;}
#loginpage .form-check input:checked ~ .nm-check::before {color: #fff;border-color: #007bff;background-color: #007bff;}
#loginpage .nm-check::before {border-radius: 2px;transition: .4s;position: relative;top: 14px;left: -16px;display: block;width: 12px;height: 12px;pointer-events: none;content: "";background-color: #eeeeff;border: 1px solid #97a4af;}
#loginpage .nm-check::after {position: relative;top: -19px;left: -18px;display: block;width: 16px;height: 16px;content: "";background: no-repeat 50% / 50% 50%;}
#loginpage .form-check input:checked ~ .nm-check::after {background-image: url('../Images/tickimg.svg');}
#loginpage .input-group p {color: #007BFF}
#loginpage .forgotpwd span {color: #007BFF;font-size:15px;}
#loginpage .forgotpwd {float: right;margin-top: 13px;cursor: pointer;font-size: 13px;}
#loginpage .loginbtn {display: flex;justify-content: center;align-items: center;width: 100%;}
#loginpage .logbutton {background-color: #4076cb;border-radius: 3px;border-width: 0;color: #fff;cursor: pointer;margin: 12px 0 0;outline: none;overflow: hidden;padding: 12px 42px;transition: all .2s,box-shadow .08s ease-in;user-select: none;position: relative;width:100%;}
#loginpage .logbutton:hover {transform: translateY(-3px);box-shadow: 0 4px 11px rgba(0,123,255, 0.35);}
#loginpage .loginor{display:flex;padding-top:22px;}
#loginpage .loginor hr{width:50%;margin-top:11px}
#loginpage .social-icons {display: flex;justify-content:space-evenly;padding-top:20px}
#loginpage .social{position: relative;border-radius: 50%;width: 30px;height: 30px;font-size: 16px;display: flex;justify-content: center;align-items: center;background-color:#f6f6f6;box-shadow: 0 10px 10px rgba(black, 0.2), 0 -6px 10px rgba(white, 0.6);color:#fff;cursor:pointer;padding-top:3px}
#loginpage .facebook{background-color:#1877f2}
#loginpage .twitter{background-color:#1da1f2}
#loginpage .instagram{background-color:#e4405f}
#loginpage .google{background-color:#ee8208}
#loginpage input[type=checkbox]{display:block !important}

#loginpage .sideimg{width:100%;height:100%;background-repeat:no-repeat}
#loginpage .overlay_imgs{display:none;}
#loginpage .login_logo{text-align:center}
#loginpage .login_logo img{width:38%}
#loginpage .containerlike{padding: 100px 10px 20px 10px;}
#loginpage .containerlike .title h3{color: #000000;font-size: 15px;font-weight: 500 !important;font-size:15px;margin-bottom:38px;margin-top:4px;}
#loginpage .form-control::placeholder{font-size:14px !important}

/*------------COMMON MODAL------------*/
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom{margin-right:0px}
.modal{overflow-y:auto}
.modal .modal-title {color: #1655ae;margin-bottom: 15px;margin-top: 0px;font-weight:600;margin-bottom:0px !important;font-size:16px}
.modal .modal-header{border:0;border-bottom:1px solid #ddd !important;padding:8px 10px}
.modal .modal-header .close {background-color: #ffeeda !important;border-radius: 4px;color: #f89a29;font-size: 20px;height: 24px;line-height: 20px;margin: 0 !important;opacity: 1;padding: 0 !important;position: absolute;right: 10px;top: 8px;width: 24px;z-index: 99;border-color: #FF7437;border-style: none;font-weight: 300;transition:all 0.5s ease-in-out;cursor:pointer}
.modal .modal-header .close:hover{background-color: #f89a29 !important;color: #fff;}
.modal .modal-footer{text-align:center;padding: 10px;margin-top: 0px;border-top: 1px solid #ddd;}
.modal .modal-footer .btn_color1, .modal-footer .btn_color2{margin-top:0px}
.modal .modal-footer button:focus{outline:0}
.modal .modal-footer button:hover{color:#fff;}



/*------------CARD------------*/
.card {background-color:#fff;border:1px solid #ebebeb;margin-top:30px;margin-bottom: 15px;border-radius: 10px;box-shadow: 0 1px 2.94px .06px rgba(4,26,55,.16);transition: all .3s ease-in-out}
.card .card-header {position: relative;display: flex;justify-content: space-between;align-items:center;padding: 15px 20px;margin-bottom: 15px;background-color: transparent;border-bottom: 1px solid #e7e7e7;}
.card .card-header h5 {margin-bottom: 0;display: inline-block;margin-right: 10px;line-height: 1.1;position: relative}
.card .card-header, .card .card-header h5{font-size: 15px;font-weight: 600;color: #222;margin-top: 0;}
.card .card-body {padding: 20px}
.card .card-header+.card-body {padding-top: 0}
.card .card-footer {padding: 25px;background-color: transparent;border-top: 0 solid rgba(0,0,0,.125)}

/*------------TOGGLE LAYERS------------*/
.open_layer{transition:all 0.5s linear}
.layer_open{width:100%;height:100%;background-color:#00000075;position:absolute;left:0;top:0;z-index:10;}

/*------------HOMEPAGE------------*/
.Home .home_card{box-shadow:0 0 20px 3px rgb(0 0 0 / 8%);background: #fff;padding: 15px 20px;border-radius: 10px;transition: all .3s ease-in-out;}
.Home .home_card:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;}
.Home .home_card:hover .icon_cls div img{top:-35px;box-shadow: rgb(178 210 255) 0px 3px 8px;}
.Home .home_card .card_title h5{color:#2a3547;font-size: 20px;font-weight: 600;margin: 0px;margin-bottom: 5px;}
.Home .home_card .card_title{padding-bottom:10px;}
.Home .home_card .card_body ul{padding: 10px;margin-bottom: 0px;border-radius: 10px;}
.Home .home_card .card_body ul li {display: flex;justify-content: space-between;color: #546a7f;font-size: 14px;padding-bottom: 7px;list-style: none;border-bottom: 1px dashed #dfedff;margin-bottom: 7px;}

.Home .title_icon .card_icon{display: inline-block;width: 29px;height: 30px;}
.Home .title_icon {display: flex;align-items: center;justify-content:space-between;border-radius: 4px;}
.Home .title_icon .icon_content{}
.Home .title_icon .count{font-size:13px;}
.Home .title_icon .count .count_num svg{margin-right:6px;}
.Home .title_icon .icon_cls div{width: 55px;height: 55px;}
.Home .title_icon .icon_cls img{width:100%;position:relative;top:-27px;background-color: #e5efff;border-radius: 6px;padding: 5px;transition: all .3s ease-in-out;}
.Home .title_icon .icon1{background: url(../Images/product-icons.svg) -181px 120px;}
.Home .title_icon .icon2{background: url(../Images/product-icons.svg) -481px -1px;}
.Home .title_icon .icon3{background: url(../Images/product-icons.svg) -841px 91px;}

.Home .sla_card{margin-top:35px;}
.Home .sla_card table{width:100%;}
.Home .sla_card table thead{background:#0068ff1f}
.Home .sla_card table thead tr{border-bottom:1px solid #efefef;}
.Home .sla_card table thead tr th{color: #1f2f3e;text-align: center;padding: 10px 0px;font-weight: 500;font-size: 13px;}
.Home .sla_card table tbody tr{border-bottom:1px solid #efefef;}
.Home .sla_card table tbody tr td{padding:8px 0px;font-size:12px;color:#1F2F3E;}
.Home .sla_card table tbody tr:last-child{border-bottom:none;}
.Home .title_icon .icon4{background:url(../Images/product-icons.svg) -961px 329px;}
.Home .title_icon .sla{background:#ff8b0030;}
.Home .sla_card .title_icon::before, .Home .sla_card .title_icon::after {box-shadow:none;background:none;animation:unset}

/*GLARE ANIMATION*/
.Home .title_icon {position: relative;}


  /*--------Powered ruby tesepr----------*/

.tesepr {font-family: 'MANDALA_REGULAR', sans-serif !important;font-size: 19px;font-weight: 600;background: #454B9E;background: linear-gradient(to right, #454B9E 0%, #3F86C7 50%, #4FC0AD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*------------MAILBOX------------*/
#mailbox{position:relative}
#mailbox .container{max-width:94%;margin:0 auto 0 228px;transition:all 0.5s ease-in-out;margin-left:80px;}
#maildescription{background-color:#f8f9fd}
#mailbox, #maildescription{font-family: 'Montserrat', sans-serif;}
#mailbox .logo{float:right;margin:4px 0;}
#mailbox .logo img{width:75%;}
#mailbox .buttondiv{text-align:center;color:#428BCA;cursor:pointer;margin: 0 35px;font-size: 15px;}
#mailbox .mailcontent .folder{width: 190px;padding: 15px 10px;border-radius: 5px;background-color:#f5f9ff;border: 1px solid #c3d9f7;height:100%;overflow-y:scroll;}
#mailbox .mailcontent .folderlist{height:calc(100vh - 125px);border-radius:0 0 0 5px;width:100%;padding-right:0;text-align:center}
#mailbox .mailcontent .folder .folderheader h4{text-align:center;padding:5px 0 0 0;font-family: 'Montserrat', sans-serif;}
#mailbox .mailcontent .folder ul li a .icons{color: #565b60;text-align:center;font-size:18px;}
#mailbox .mailcontent .folder ul li a{transition:all 0.3s ease-in-out}
#mailbox .mailcontent .folder ul li a:hover{cursor: pointer;color: #1a9edf;background-color: #deeaf9;padding-left: 4px;font-weight:600;}
#mailbox .mailcontent .folder ul .active1{color: #0d96e7;text-align:center}
#mailbox .mailcontent .folder ul li a:focus {color: #0d96e7;outline: 0;background-color: transparent;}
#mailbox .inbox_cls .inboxheading{padding:5px 20px 5px 15px;}
#mailbox .inboxheading{display:flex;justify-content:space-between;align-items:center;padding:5px 20px 5px 45px;border-bottom:1px solid #1e529b1f}
#mailbox .inboxheading span.form-check{display:inline-block;}
#mailbox .inboxheading .searchdiv input{height: 34px !important;background-color:#eef5ff;font-weight:600 !important;border: 1px solid #c3d9f7;border-radius: 25px;box-shadow: none;}
#mailbox .inboxheading h4{font-weight:600;color: #565b60;margin:0;}
#mailbox .inboxheading h4 button{color: #333;background-color: #f0f0f7;border: 1px solid #ffffff;border-radius: 4px;font-size: 12px !important;width: 20px;height: 20px;margin-left: 5px;padding: 0px;text-align: center;}
#mailbox .iconinfo{display:flex;justify-content:space-between;border-bottom:1px solid #1e529b1f;align-items:center}
#mailbox .iconinfo .groups {padding: 5px 6px;}
#mailbox .iconinfo .checkbox input{margin-left:-11px;}
#mailbox .mailbox-status{width: 150px;display: inline-block;margin-right: 5px;}
#mailbox #TotalTatDeils{overflow-x:hidden}

#mailbox .mailbox-subject {color:#878a99;font-size:12px;}
#mailbox .mailbox-subject:hover{text-decoration:none;}
#mailbox .mailbox-subject:focus{text-decoration:none;}
#mailbox .mailbox-subject .subjt_txt{font-weight:600;color:#000;padding-right:10px;font-size:13px}


#mailbox .mailbox-name .mailbox-date{display:block;color: #636c86;font-size: 10px;}
#mailbox .mailboxbody{overflow:auto;height:calc(100vh - 190px);padding:10px 0px;padding-top:0px;overflow-x:hidden;}
#mailbox .mailboxbody .content.Assigned:hover .mailbox-date{display:none;}
#mailbox .mailboxbody .content.Assigned:hover .mailbox-delete{display:block;}
#mailbox .mailboxbody .content.Assigned:hover .mailbox_pin{display:block;}
#mailbox .mailboxbody .from:focus {background-color: #ebf2fb}
#mailbox .mailbox-name{display:flex;margin:0;}
#mailbox .from{padding: 7px 5px;border-bottom:1px solid #1e529b1f;position:relative;transition:all 0.1s linear;background-color:#fff}
#mailbox .from.unread{background-color:#f5f9ff}
#mailbox .from:hover{background-color: #f5f9ff;box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #8f8f8f, 0 1px 2px 0 rgb(60 64 67 / 28%), 0 1px 3px 1px rgb(60 64 67 / 33%);z-index: 1;}
#mailbox .newmail_cls{background-color:#fff;}
#mailbox .mailread p{margin:0;font-weight:600;}

#mailbox .mailboxiccon{float:right}
#mailbox .mailboxiccon .update_status{font-weight:600}
#mailbox .mailboxiccon .btn {color: #4076cb;border-color: #e9e9ef;font-size: 10px;background-color:transparent;padding:5px 9px}
#mailbox .mailboxiccon .btn:focus {background-color: #4076cb;color:#fff}
#mailbox .mailboxiccon .btn.update_status{background-color: #4076cb;color: #fff;font-weight: 400;font-size: 12px !important;height: 29px;}
#mailbox .mailread .mailbox-read-time{color:#fff;font-weight:normal;}
#mailbox .mailbox-shortcuts{margin:5px;}
#mailbox .mailbox-shortcuts .btn-warning:focus{outline:0;}
#mailbox .mailreadfooter span img{width:50px;}
#mailbox .mailreadfooter span{font-weight: 600;margin-left: 5px;}
#mailbox .mailreadfooter .label{padding: 0px 5px;font-size: 11px;background: #4076cb;color: #fff;}
#mailbox .mailoverview .btn:focus{outline:0;}
#mailbox .mailoverview .mailboxiccon .btn{position:relative;transition:all 0.5s linear;overflow:hidden;z-index:10}
#mailbox .mailoverview .mailboxiccon .btn::before{content: " ";position: absolute;background-color: #4076cb;left: -14px;bottom: -7px;width: 0%;height: 0;transition: all 0.5s linear;border-radius: 30px;z-index:-1}
#mailbox .mailoverview .mailboxiccon .btn:hover::before{width: 58px;height: 40px;}
#mailbox .mailoverview .mailboxiccon .btn{transition:all 0.5s linear}
#mailbox .mailoverview .mailboxiccon .btn:hover svg{color:#fff}
#mailbox .mailoverview .mail_profile{display:flex;justify-content:space-between;align-items:center;padding:5px 0px;transition:all 0.5s ease-in-out;border-radius:2px;padding-bottom:8px;padding-left:5px;}
#mailbox .mailoverview .mail_profile:hover{background-color:#ebf2fb;}
#mailbox .mail_receieved{width:100%;display:flex;color:#abaac0;justify-content:flex-end;}
#mailbox .mailbox-inner-message.in .replay_iconparent  .replay_icon::after{   content: '';border: 1px solid #9b9b9b;position: absolute;height: 25px;right: 40px;}
/*#mailbox .mailbox-inner-message.in div{float:unset !important;}*/
#mailbox .mail_receieved span button{      border: none;padding: 0px;background: transparent;box-shadow: none;right: 20px;top: 7px;position: relative;}
/*#mailbox .mail_receieved span .replay_btn{margin-left:10px;}*/
#mailbox .mail_receieved span button svg{color:#c5c6cb;}
#mailbox .mail_receieved button {position: relative;display: inline-block;border-bottom: 1px dotted black;}
#mailbox .mail_receieved button .rep_fwd {visibility: hidden;width: 52px;background-color: black;color: #fff;text-align: center;border-radius: 3px;padding: 1px 3px;position: absolute;z-index: 1;bottom: 150%;left: 50%;margin-left: -30px;font-size: 10px;}
#mailbox .mail_receieved button .rep_fwd::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent;}
#mailbox .mail_receieved button:hover .rep_fwd {visibility: visible;}




#mailbox .mailoverview .mail_close .btn:hover{background-color:#f89a29;color:#fff;transition:all 0.5s ease-in-out}
#mailbox .mailoverview .subject_msg{padding: 8px 0px 4px 0px;font-weight: 600;font-size:15px;font-family:"Poppins",sans-serif;text-transform:capitalize;}
#mailbox .buttonfoot{margin:5px;}
#mailbox .mailbox-name .fromimg{border-radius:50%;display:inline-block;width: 5%;display: flex;justify-content: center;align-items: center;margin-right:8px;}
#mailbox .mailbox-name .fromimg .profile_logo{display: inline-block;padding: 8px 8px;border-radius: 3px;color: #fff;font-weight: 600;font-size:12px;}
#mailbox .mailbox-name .fromimg .cbk_box{display:inline-block;/*padding-right:10px;*/padding-left:0px;margin:0px;position:absolute;left: 5px;top: 5px;}
#mailbox .mailbox-name .fromimg b{padding-left:10px;font-size:12px;color:#636c86;font-weight:500;}

.mail_content{width:55%;}
.mail_content .mail_nme_sub{margin-top: 2px;}
.mail_content .mail_nme_sub .mail_nme{display: inline-block;font-size: 12px;font-weight: 500;width: 100%;color: #636c86;}
.mail_tag .mailbox-attachment{float:right;}
.mail_tag{position: relative;width:100%;}
.mail_contentgrp{width:100%;display:flex;align-items:center;margin-top:3px;}
.mail_tag .mail_link{position: absolute;right: 4px;bottom: -7px;}

#mailbox #divExpandmail #Expandmails {overflow: auto;height: calc(100vh - 190px);padding: 10px 0px;padding-top: 0px;overflow-x: hidden;}
#mailbox #divExpandmail{padding:0px 5px;}
#mailbox #Expandmails::-webkit-scrollbar {width: 5px;}
#mailbox #Expandmails::-webkit-scrollbar-thumb {background: #888;}
#mailbox #Expandmails::-webkit-scrollbar-thumb:hover {background: #555;}


#mailbox .profile_cnt{border-bottom:1px solid #e3e3e3;cursor:pointer;position:relative;}
#mailbox .profile_cnt .mailbox-inner-message{overflow:hidden;font-size:13px;text-align:left;}
#mailbox .profile_cnt .mailreadfrom{display:flex;justify-content:space-between;}
#mailbox .profile_cnt .mailreadfrom span img{width:34px;height:34px;border-radius:3px;}
#mailbox .profile_cnt .mailreadfrom .profile_logo{padding: 8px 8px;border-radius: 3px;color: #fff;font-weight: 600;font-size:12px;position: relative;top: 6px;}
#mailbox .profile_cnt .mailreadfrom .profile_nme{padding-left:10px;font-weight:600;}
#mailbox .profile_cnt .mailreadfrom .profile_nme span{/*line-height:2px;*/font-size:12px !important;}
.to_me{margin-bottom: 0px;line-height: 4px;font-size: 12px !important;display:block;color:#a1a1a1;font-weight:500;font-size:10px !important;}
.to_me .pos_relative svg{font-size:14px;/*transition:all 2s ease-in-out;*/cursor:pointer;}
.to_me .pos_relative svg:hover{color:#d27300;background: #cfcfcf;padding: 0px 3px;border-radius: 1px;border: 1px solid #fff;}
.mail_profile .pos_relative svg:hover .to_me{color:#d27300}
#mailbox .profile_cnt .mailreadfrom .profile_nme .from_mailid{font-size: 11px;color: #a1a1a1;font-weight: 500;padding-left:6px;}
#mailbox .profile_cnt .mailreadfrom .profile_nme .from_mailid span{display:inline-block;position:relative;top:1px}
#mailbox .profile_cnt .mailbox-read-time{font-size: 10px;color: #878a99;font-weight: 500;width:140px;text-align:right;margin-bottom:0px}
#mailbox .read_msg .finished_time{border: 1px solid #1e529b33;font-size: 9px;padding: 0 3px;background: #ebeff6;color: #1e529b;font-weight: 500;border-radius: 2px;}
#mailbox .profile_cnt .mailbox-read-time span:nth-child(2){padding-left:2px;text-align:center;}

#mailbox .mailbox-read-time{display:block;}
#mailbox .overviewcntnt{display: flex;justify-content: space-between;padding: 5px 12px 8px 4px;border-radius: 5px 5px 0 0;border-bottom: 1px solid #e9e9ef;color: #fff;}

#mailbox .mailcontent .overvwmail{border: 1px solid #e9e9ef;border-radius: 5px;height: calc(100vh - 100px);background:#fff;/*border-top:0px;*/position:relative;right:9px;visibility:hidden;/*z-index:10;*/overflow:visible;}
#mailbox .arrowmail .btn {color: #f89a29;background-color: #ffeeda;border-color: #fff;font-size: 10px;transition:all 0.5s ease-in-out}
#mailbox .arrowmail .btn:focus {background-color: #ffeeda;}
#mailbox .arrowmail .btn svg{font-weight:bold}
#mailbox .arrowmail .btn:hover{background-color:#f89a29;color:#fff}

#mailbox .mail_close .btn{color: #f89a29;border-color: transparent;font-size: 13px;background-color: #f89a292e;padding: 4px 9px;padding-top: 5px;}
#mailbox .mailbox-read-message{background-color:#fff;}
/*removed from below class for affecting Reply mail p tag -- 2024-03-19*/
/*#mailbox .mailbox-read-message p,.rplymail_description p{line-height:2}*/
#mailbox .mailbox-read-message::-webkit-scrollbar {width: 5px;}
#mailbox .mailbox-read-message::-webkit-scrollbar-thumb {background: #888;}
#mailbox .mailbox-read-message::-webkit-scrollbar-thumb:hover {background: #555;}
#mailbox .folderlist .nav-stacked li {    padding: 0 0 0px 0px !important;margin: 0 !important;}
        #sidemailopenclose{display:none;}

#mailbox .folderlist li .icons{position:relative;}

#mailbox .folderlist li .icons{position:relative;}
/*#mailbox .inboxheading .searchdiv{width:45%;position:relative}*/


#mailbox .mailboxbody .chk_Toggle_label{display:inline-block;margin:0;padding:0;}
#mailbox .mailboxbody .chk_Toggle_label label{margin:0;padding:0;}
#mailbox .inboxheading .searchdiv{justify-content:flex-end;}
#mailbox .inboxheading .searchdiv .input_srch{position:relative}
#mailbox .inboxheading .searchdiv .input_srch{margin-right:5px}
#mailbox .inboxheading .searchdiv  .btn{margin-right:5px}
.btn_sortcont#btn_sortby{font-size: 12px !important;position: relative;background: #c3dded;color: #6e6e6e;background-color: rgb(238, 245, 255);border: 1px solid #c3d9f7;padding: 4px 8px;display: flex;align-items: center;height: 31px;}
.btn_sortcont#btn_sortby_n{font-size: 12px !important;position: relative;background: #c3dded;color: #6e6e6e;background-color: rgb(238, 245, 255);border: 1px solid #c3d9f7;padding: 4px 8px;display: flex;align-items: center;height: 31px;}
.btn_sortcont svg{font-size:15px;margin-right:4px;}
.one_userfilter{position: absolute;background: #9db8e1;padding: 0px;width: 100px;left: 2px;bottom: -5px;}
.one_userfilter ul{    position: absolute;background: #9db8e1;padding: 0px;width: 100px;z-index: 1000;}
.one_userfilter ul li{list-style-type: none;border-bottom: 1px solid white;font-size: 13px;color: white;padding: 5px;letter-spacing: 0.8px;font-weight:500;display:flex;justify-content:space-between;}
.one_userfilter ul li svg{font-size:16px;}
button#btn_Attachment{color: #959292;border: 1px solid #c3d9f7;padding: 4px 8px;border-radius: 5px;height: 31px;font-size: 13px;background-color: rgb(238, 245, 255);}
#mailbox .inboxheading .searchdiv .input_srch .serch_boom{position: absolute;right: 13px;top: 7px;color: #878a99;}
#mailbox .mailbox-name .label{background-color: #219bd7;letter-spacing: 0.4px;}
#mailbox .mailbox-name .label{background-color: #219bd7;letter-spacing: 0.4px;}
/*#mailbox .mailbox-name .cbk_box {visibility: hidden;}*/
#mailbox .mailbox-name .labelres{background-color:#73b12b;}
#mailbox .mailbox-name .mailbox-subject{white-space:nowrap;/*font-size:11px !important*/}
#mailbox .iconinfo .arrowmail .btn-group.groups button{border-radius:4px;margin:0 1px}
.mail_active{background-color:#f89a29 !important;color: #fff !important;}
#mailbox .mailcontent .inboxcoln{width:calc(100% - 20px);position:relative;}
#mailbox #MailInboxHideshow{position: relative;display: -webkit-box;display: -ms-flexbox;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border-radius: 0.25rem;margin-right:0;height: calc(100vh - 110px);}

/*REPLAY*/
#mailbox .mail_detail{display:block;font-size:10px !important;color:#878a99;cursor:pointer;font-weight:500 !important}
#mailbox .mail_from_to{font-size: 10px;color: #878a99;font-weight: 500;}
#mailbox .mail_detail svg{padding-left:3px}
#mailbox .mail_rply_cnt{border: 1px solid #ddd;margin-top:20px}

.mail_rply_cnt .typemail .bootstrap-tagsinput span:first-child .tt-menu{left:0px ; position: absolute;top: 100%; z-index: 1100 !important;right: unset !important;}
#mailbox .bootstrap-tagsinput .tt-menu{left:0px; position: absolute;top: 100%; z-index: 1100 !important;right:auto !important;}
/*.rplymail_description .bootstrap-tagsinput .tt-menu{    position: absolute;top: 100%;right: 0px;z-index: 100;left:auto !important;}*/

#mailbox .mailrply{display:flex;width:100%;justify-content:space-between;align-items:center;padding:6px 6px;background-color:#f2f2f2;position:sticky;}
#mailbox .mailrply .rplyicon{font-size:12px;margin-bottom:0px;}
#mailbox .rplyicon{padding-right:5px;display:flex}
#mailbox .rplyicon #ToReplymailid{position:relative;}
/*#mailbox .rplyicon #ToReplymailid::before{content: " ";position: absolute;top: 15px;left: 4px;height: 29px;border-left: 1px dashed #979797;}*/
#mailbox .rplyicon #ToReplymailid p{margin-bottom:4px;line-height:18px;position:relative;}

/*#mailbox .rplyicon #ToReplymailid .frm_mail::after {content: " ";width: 8px;height: 8px;border-radius: 50px;position: absolute;left: 0px;top: 5px;background-color: red;}
#mailbox .rplyicon #ToReplymailid p::after{content: " ";width: 8px;height: 8px;border-radius: 50px;position: absolute;left: -17px;top: 5px;background-color: red;}
#mailbox .rplyicon #ToReplymailid p:last-child::after{background-color:green}
#mailbox #ddlRelyconfiguartion {height: 28px !important;margin-bottom: 5px;}
#mailbox .rplyicon #ToReplymailid p::before {content: " ";width: 3px;height: 3px;border-radius: 50px;position: absolute;left: -14px;top: 7px;background-color: #fff;z-index: 100;}
#mailbox .rplyicon #ToReplymailid .frm_mail::before {content: " ";width: 3px;height: 3px;border-radius: 50px;position: absolute;left: 3px;top: 8px;background-color: #fff;z-index: 100;}*/

#mailbox .rplyicon #ToReplymailid p span:first-child{width:31px;display:inline-block;}
#mailbox .rplyinitial{border-radius: 3px;background-color: #0d99df;color: #fff;width: 30px;display: block;height: 30px;text-align: center;font-weight: 600;font-size: 12px;margin-right: 5px;padding-top: 3px;background-color: #1e529b17;border: 1px solid #1e529b47;color: #1e529b!important;}

/*.replay_icon{width: 30px;height: 30px;background: #e1e1e1;padding: 5px;text-align: center;align-items: center;display: flex;justify-content: center;border-radius: 50%;color: gray;margin-right:5px;}*/

.replay_icon{/*width:28px;height:28px; background: #e1e1e1;padding: 5px;text-align: center;font-size: 14px;align-items: center;display: flex;justify-content: center;border-radius: 50%;color: gray;margin-right: 5px;position:relative;top: 0px;right: 9px;z-index: 100;*/width: 28px;height: 28px;background: #efefef;padding: 5px;text-align: center;font-size: 14px;align-items: center;display: flex;justify-content: center;border-radius: 50%;color: gray;margin-right: 5px;position: relative;top: 2px;z-index: 100;}

.replay_icon:hover{    background: #8f8f8f;color: #fff;transition: all 0.2s linear}
.replay_iconparent{display:flex;justify-content:flex-end;height:40px;}

#mailbox #ToReplymailid span:nth-child(2){line-height: 15px;font-weight: 500;padding:0 5px;}
#mailbox #ToReplymailid span:nth-child(3){font-weight:600;font-size: 11px;}
#mailbox .rply_footer{border-top:1px solid transparent;padding:5px;background: #f2f2f2;position:sticky;}
#mailbox .rply_footer label{display:inline-block;cursor:pointer;width:20px;text-align:center}
#mailbox .rplymail_description{width:100%;}
#mailbox .rplymail_description::-webkit-scrollbar-thumb {background: #fff;}
#mailbox .rplymail_description::-webkit-scrollbar {width: 5px;}
#mailbox .rply_footer .close_btn{background-color:#f89a29}
#mailbox .rply_footer button{background-color: #4076cb;border: 0;border-radius: 3px;color: #fff;cursor: pointer;display: inline-block;font-weight: 600;outline: 0;padding: 8px 0px;position: relative;text-align: center;transition: all .3s;touch-action: manipulation;width:100px;font-size:13px;}
#mailbox .rply_footer button:hover{color:#fff;}
#mailbox .rply_footer button:focus{color:#fff;box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;}
#mailbox .rply_footer #btnbinder button span:nth-child(1)::after{content: " ";position: absolute;width: 1px;height: 22px;background-color: rgb(30, 82, 155);left: 66px;top: 7px;}
#mailbox .rply_footer #btnbinder button span:nth-child(2){float: right;padding-right: 8px;}
#mailbox .rply_footer #btnbinder button span:nth-child(2) svg{width:12px}
#mailbox .rply_footer span{padding:0 3px;}
#mailbox .rply_footer span:hover{cursor:pointer;}
#mailbox .rply_footer .form-group select{height:34px !important}
#mailbox .rply_footer .col-lg-4{width:26%}
#mailbox .rply_footer .trash_can{float:right;margin-top:7px}
.footer_icons label, .footer_icons span{margin-right:8px}
.footer_icons label, .footer_icons svg{color:#6a6a6a;transition:all 0.4s ease-in-out}
.footer_icons label, .footer_icons svg:hover{color:#000}

#mailbox #ComposeEmail .typemail, #ComposeEmail .subject {display:flex}
#mailbox #ComposeEmail .typemail input, #ComposeEmail .subject textarea{box-shadow: none;resize:none;}
#mailbox #ComposeEmail .typemail input:focus, #ComposeEmail .subject textarea:focus{outline:0;border: 0;box-shadow: none;}
/*#mailbox #ComposeEmail .typemail span, #ComposeEmail .subject span{padding:5px;}*/
/*#quotedText.Hideremovecrmbutton{height:250px;}*/
#mailbox .mailcontent{float:left;width:100%;position:relative;}
#mailbox .mailcontent .row{float:left;width:100%;height:calc(100vh - 100px);}
#mailbox #mailboxcontainer #slapolicy #sla_policy{margin:0 auto;}
#mailbox #slapolicy #divUserCreationContent #BookingFormAIR{border-radius:0 0 4px 4px;}
#mailbox #slapolicy #divUserCreationContent  .twitter-typeahead{width:100%;}
#mailbox #slapolicy #divUserCreationContent .INSPreferdINsurance{width:100%;}
#divUserCreationContent #ChildForm #Child .card-body:nth-child(2){padding:0;}
#mailbox #slapolicy #divUserCreationContent #BookingFormINS .col-xs-12.form-group:last-child{width:50% !important;}
#slapolicy #divUserCreationContent #BookingFormTRN .col-xs-12.form-group:last-child button{border: none;padding: 10px;margin-top: 16px;border-radius: 8px;font-size: 12px;letter-spacing: 0.5px;font-weight: 500;background: rgb(57,112,169);color: #fff;margin-bottom:10px;}
#slapolicy #divUserCreationContent #BookingFormBUS .col-xs-12.form-group:last-child button{border: none;padding: 10px;margin-top: 16px;border-radius: 8px;font-size: 12px;letter-spacing: 0.5px;font-weight: 500;background: rgb(57,112,169);color: #fff;margin-bottom:10px;}
#sla_policy  #BookingFormAIR .col-xs-12.form-group:last-child button{border: none;padding: 10px;margin-top: 16px;border-radius: 8px;font-size: 12px;letter-spacing: 0.5px;font-weight: 500;background: rgb(57,112,169);color: #fff;margin-bottom:10px;}
#slapolicy #divUserCreationContent #BookingFormAIR .col-xs-12.form-group:last-child button{border: none;padding: 10px;margin-top: 16px;border-radius: 8px;font-size: 12px;letter-spacing: 0.5px;font-weight: 500;background: rgb(57,112,169);color: #fff;margin-bottom:10px;}
#mailbox #slapolicy #divUserCreationContent #BookingFormAIR .col-lg-12.col-md-12.col-sm-12:first-child .child_heading{border-bottom:none !important;}
.frm_mail{display:flex;}
/*.cmn_section#slapolicy .container{margin:0 auto;}*/
.cmn_section#slapolicy {margin-top: 20px;}
.compose_cnt #Child .Formhide .child_heading h4 {padding-left:10px;}
#mailbox #slapolicy #divUserCreationContent #BookingFormAIR .col-lg-12.col-md-12.col-sm-12:first-child{padding: 10px 0px;background: #e1eeff;border-radius: 0 5px 0px;}
#mailbox #slapolicy #divUserCreationContent #BookingFormAIR .child_heading h4::before {      content: " ";position: absolute;left: -3px;top: -10px;width: 3px;height: 35px;background-color: #1e529b;}
#mailbox #slapolicy #divUserCreationContent #BookingFormAIR .child_heading h4{padding-left:20px;} 
#sla_policy #divUserCreationContent .compose_cnt #Child .child_heading {border-bottom:none !important;}
#sla_policy #divUserCreationContent .compose_cnt #Child .child_heading h4::before {content: " ";position: absolute;left: -11px;top: -7px;width: 3px;height: 28px;background-color: #1e529b;}
#sla_policy .cmn_content#divUserCreationContent .compose_cnt#ChildForm .row.Formhide ._Headerdesign{padding: 8px 10px;background: aliceblue;}
#sla_policy #Displaycrdheader{/*background: whitesmoke;*/border-radius: 10px 10px 0px 0px;color: #fff !important;}
.pen_icon{position:relative}
.pen_icon span{margin-right:0px}
.sign_info{width: 230px;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 4px;position:absolute;bottom: 26px;left: 24px;}
.sign_info p:first-child{border-radius:4px 4px 0 0;}
.sign_info p:last-child{border-radius:0 0 4px 4px}
.sign_info p{padding: 7px 10px;margin-bottom: 0px;transition: all 0.5s ease-in-out;border-bottom: 1px solid #efefefad;font-size: 12px;}
.sign_info p:hover{background-color:#eaeaea}
.mail_information p .mail_info_cls{color:#a6a6a6}
.mail_information p .mail_info_user{color:#000;font-weight:600;width:auto;margin-right:2px}

/*------------MAIL INFO------------*/
.mail_information{width:350px !important;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 4px;position:absolute;left: 7px;border:1px solid #ddd;  padding:10px;z-index:10}
.mail_information p{color: #585858;font-size:11px;margin-bottom:4px}
.mail_information p span{color:#797979;font-weight:500;display:inline-block;width:50px;font-size:11px !important}
.mail_information p .mail_bracket{display:inline !important;}
.mail_information .mail_det_lft{width:15%;color:#b6b6ba}
.mail_information .mail_det_rht{width:75%;line-height:12px !important}
.mail_information .mail_det_rht span{padding-left:8px;width:40%;}
.pos_relative{position:relative}
.to_me .pos_relative{color:#000;margin-left:2px;width:70%;display:inline-block}

/*------------FOLDER------------*/
#mailbox .mailcontent .folder ul li{text-align:center}
#mailbox .mailcontent .folder ul li a{padding:4px 5px !important;font-weight:500;font-family:"Poppins",sans-serif}
#mailbox .mailcontent .folder ul li a .icondetail{color:#333;font-size:13px;font-weight:500;text-align:left;margin-bottom:0px}
#mailbox .mailcontent .folder ul li a p{font-size:13px}
#mailbox .mailcontent .folder ul li a .icons{font-size: 15px;width: 30px;display: inline-block;text-align: left;}
#mailbox .mailcontent .folder ul .active1 a .icons, #mailbox .mailcontent .folder ul .active1 a .icondetail{color:#4076cb}
#mailbox .mailcontent .folder ul li:hover a .icons, #mailbox .mailcontent .folder ul li:hover a .icondetail{color:#4076cb;transition:all 0.5s ease-in-out}
#mailbox .mailcontent .folder ul li a .notify_count{background: #ddd;width: 17px;text-align: center;border-radius: 5px;color: #000;font-size: 10px;position: absolute;right: 0;top: 14px;height: 17px;padding-top: 2px;}
#mailbox .mail_status .sub_head{margin-top:2px;font-weight:600 !important;}
#mailbox .mail_status .nav-link p{transition:all 0.5s ease-in-out}
#mailbox .mail_status .nav-link p:hover{color:#4076cb}

.folderlist .mail_status a{display:flex;justify-content: space-between;align-items: center;}
.mail_status p{text-align:left;margin:0;color:#333;font-weight:500;padding: 4px 6px}
.mail_status small{font-size: 12px;color: #797979;text-align:left;}
.mail_status a span{background: #1e529b;width: 22px;height: 22px;border-radius: 25px;font-size: 10px;text-align: center;padding: 5px 3px;color: #fff;}
.mail_status{border-top: 1px solid #1e529b14;margin-top: 10px !important;}

/*------------MAIL TAGS------------*/
#mailbox .Mail_tags{}
#mailbox .Mail_tags span{display: inline;padding: 3px 7px;font-size: 9px;color: #fff;font-weight: 600;line-height: 9px;border-radius: 4px;margin-right:5px;}
#mailbox .Mail_tags .cls_New{background: #4076cb;}
#mailbox .Mail_tags .cls_Respond{background: #3eb16f;}
#mailbox .Mail_tags .cls_Parent{background: #df1c45;} 
#mailbox .Mail_tags .cls_Child{background: #de8b27;}
#mailbox .Mail_overdues .cls_Overdue{color: #636c86;position:relative}
#mailbox .Mail_overdues .cls_Overdue::before{content: " ";position: absolute;top: 4px;left: 1px;background-color: #636c86;width: 4px;height: 4px;border-radius: 50px;}
#mailbox .Mail_overdues .cls_resoverdue::before{content: " ";position: absolute;top: 4px;left: 1px;background-color: #636c86;width: 4px;height: 4px;border-radius: 50px;}
#mailbox .Mail_overdues .cls_resoverdue{color: #636c86;position:relative}
#mailbox .Mail_overdues{margin-bottom: 2px;}
#mailbox .Mail_overdues span{padding: 0px 5px;font-size: 9px;color: #fff;font-weight: 600;border-radius: 2px;margin-right:5px;padding-left:8px}

/*------------MAILBOX - COMPOSE TOGGLE------------*/
#mailbox .inboxcol_icon{width: 40px;background: #ffffff;text-align: center;color: #fff;position: absolute;right: 0;top: 0;border-radius: 5px 0px 0px 5px;z-index: 1;border: 1px solid #e9e9ef;border-right: 0;border-bottom: 1px solid #e9e9ef;height: 100%;}
#mailbox .inboxcol_icon div{padding: 10px 0px;position:relative;cursor:pointer;color:#878a99;padding-top:15px;font-size:16px;}
#mailbox .inboxcol_icon div span{transition:all 0.5s ease-in-out;}
#mailbox .inboxcol_icon div:hover span{color:#4076cb}
#mailbox .inboxcol_icon .icons{border: 1px solid #e9e9ef;padding: 2px 5px;border-radius: 5px;color: #4076cb;transition:all 0.5s ease-in-out}
#mailbox .inboxcol_icon .icons:hover{background-color:#4076cb;color:#fff !important;border:1px solid #4076cb}

#mailbox .compose_toggle{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #e3e3e3;}
#mailbox .compose_toggle .clps_header{font-size:16px;font-weight:600;color:#1e529b}
#mailbox .compose_cnt p{padding:10px}
#mailbox .compose_cnt #divTicketing{padding:20px 15px}
#mailbox .compose_cnt #divTicketing .primary-btn{height: 36px;border: none;padding: 0 15px;border-radius: 3px;background: #1e529b;color: #fff;}
#mailbox .compose_cnt #divTicketing .secondary-btn{height: 36px;border: none;padding: 0 15px;border-radius: 3px;background: #f89a29;color: #fff;}
#mailbox .compose_cnt #divTicketing .row div:nth-child(1){padding-right:0px}
#mailbox .compose_toggle svg{color: #f89a29;border-color: transparent;font-size: 13px;background-color: #f89a292e;padding: 5px 7px;border-radius: 3px;cursor:pointer}
#mailbox .compose_toggle svg:hover{background-color: rgb(248, 154, 41);color: rgb(255, 255, 255);transition: all 0.5s ease-in-out 0s;}
#mailbox .typesOfgroup{    list-style-type: none;padding-left: 0;background: #fff; border: 1px dotted #bccfe3;display:none;}
#mailbox #group  a.nav-link{display: flex;justify-content: space-between;}
/*#mailbox #group ul.typesOfgroup li .fillter_count a{  color: #ffffff;font-size: 8px;font-weight: 500;letter-spacing: 0.3px;background: #017ca1;border-radius: 10px;}*/

#mailbox #group ul.typesOfgroup li .fillter_count a {color: #5f6368;font-size: 11px;font-weight: 500;letter-spacing: 0.3px;background: #ffffff;border-radius: 10px;}
#mailbox #group ul.typesOfgroup li:hover  .fillter_count a{  color: #5f6368;background: #fff;}
#mailbox #group ul.typesOfgroup li{ text-align: left;padding: 2px 6px !important;border-bottom: 1px dotted #bccfe3;display:flex;justify-content:space-between;}
#mailbox #group  ul.typesOfgroup li a{font-size: 12px;font-weight: 500;text-overflow: ellipsis;color: #025dbb;white-space: nowrap;overflow: hidden;}
#mailbox #group:focus .typesOfgroup{ opacity: 1;transform: translateY(0);height:auto;}
#mailbox #group:hover .typesOfgroup{ opacity: 1;transform: translateY(0);height:  auto;}
#mailbox #group .angledown{font-size: 18px;position: absolute;right: 4px;top: 3px;color: #333;}
#mailbox #group ul.typesOfgroup li:hover{background:#529BFF;color:#fff;}
#mailbox #group ul.typesOfgroup li.active3{background:#529BFF;color:#fff;}
#mailbox #group ul.typesOfgroup li.active3 a{color:#fff !important;}
#mailbox #group ul.typesOfgroup li.active3 .fillter_count a{color:#5f6368 !important;}
#mailbox #group ul.typesOfgroup li:hover a{background:none;color:#fff;}
#group .scale-up-ver-top {
-webkit-animation: scale-up-ver-top 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: scale-up-ver-top 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

/* ----------------------------------------------
 * Generated by Animista on 2024-4-27 11:26:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }         s                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           bbbbbbbbbbbbbbbbb       
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}



#group .fa-angle-down {transition: transform 0.3s ease; /* Add smooth transition effect */}    
 #group:hover .fa-angle-down {transform: rotate(180deg); /* Rotate the arrow 180 degrees on hover */}


/*------------CHILD TAG TOGGLE------------*/
#Childtoggle .compose_cnt #TicketingDetails .cards{padding: 10px 20px;margin: 10px;background-color: #428bca14;margin-bottom: 8px;border: 1px solid #1e529b1f;border-radius:3px}
#Childtoggle .compose_cnt #TicketingDetails .cards .form-group{margin-bottom:0px}
#Childtoggle .compose_cnt #TicketingDetails .cards  h5{font-size:12px}
#Childtoggle .compose_cnt .child_card .row{background: #d9e3f254;border-radius: 5px;margin: 10px 0px;border: 1px solid #1e529b24;}

/*------------MAIL DURATION------------*/    
#mailbox .mailbox-read-message .read_msg .timings span{border: 1px solid #1e529b3b;color: #1e529b;background: #ebeff6;font-size: 10px;width: 18px;height: 17px;display: inline-block;text-align: center;padding-top: 0px;margin-right: 2px;border-radius: 2px;font-weight: 500;padding-top: 1px;}
#mailbox .mailbox-read-message .read_msg .timings{padding-top:2px}

/*------------HINT------------*/    
.cls_hint{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding: 12px 10px 12px 15px;margin-top: 10px;margin-bottom:10px;border-radius: 10px;border-left: 3px solid #41afe1;position:relative}
.cls_hint h5{margin-top:0px;display:flex;align-items:center}
.cls_hint .title{padding-top:12px;padding-left:2px}
.cls_hint .inner_content{display: flex;justify-content: space-between;}
.cls_hint .inner_content .createdby{font-size:12px;font-weight:500}
.cls_hint .inner_content p{margin:0px}
.cls_hint .inner_content .date_and_time{font-size:10px;color:#86909f}
.cls_hint .main_content{padding-top:5px;font-size:12px}
.cls_hint .main_content span{color:#8b8f94}
.cls_hint .hint_img {background: url(../Images/product-icons.svg) -961px -30px;display: inline-block;width: 29px;height: 30px;}
.cls_hint .Delete_note{bottom:4px;right:2px;border: none;background: transparent;}/*position:absolute;*/
.cls_hint .Delete_note svg{color:#7e829c;font-size:11px;transition:all 0.5s ease-in-out}
.cls_hint .Delete_note:hover svg{color: #1e529b;transform: scale(1.4);}
.cls_hint .user_privacy{position: absolute;top: 5px;right: 7px;}
.cls_hint .user_privacy svg{color: #7e829c;width: 16px;height: 16px;}

/*------------PRIVATE NOTES------------*/
.private_notes{margin-top:10px;position:absolute;width:100%;animation:scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;bottom:5px;z-index:1200;}
.private_notes div{padding:0px;}
.private_notes textarea{height:100px !important;border-radius:3px 3px 0 0;}
.private_notes textarea:focus{box-shadow:none;border-color:#ced4da}
.private_notes .notes_replay{display:flex;justify-content:space-between;background-color:#f1f4fa;padding:4px 4px;border:1px solid #ddd;border-top:none;border-radius:0 0 3px 3px;}
.private_notes .notes_replay div:nth-child(1){width:45%}
.private_notes .notes_replay select{width:100%;}
.private_notes .notes_replay button{margin-top:0px;}



.scale-in-ver-bottom {
    -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}



/*------------REPLAY MAIL TAGS------------*/
.typemail .bootstrap-tagsinput .tt-menu{background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.typemail .bootstrap-tagsinput .tt-menu .tt-suggestion{padding: 8px 15px;border-bottom:1px solid #efefef;transition:all 0.5s ease-in-out;cursor:pointer;font-size:12px;}
.typemail .bootstrap-tagsinput .tt-menu .tt-suggestion:hover{background-color:#eaeaea;}

/*------------REPLAY MAIL DROPDOWN------------*/
.public_private_cls {width: 100px;display: inline-block;height: 20px;right: 27px;bottom: 6px;}/*position: absolute;*/
.public_private_cls select{width: 100%;height: 20px !important;border-radius: 3px;line-height: 1px;padding: 0px 5px;color: #878a99!important;font-size: 10px;background: #f1f4fa;border:1px solid #878a992b}

/*------------FILE ICON------------*/
.file_check{border: none;background: transparent;position: relative;cursor: pointer;vertical-align: middle;}
.file_check svg{width: 20px;color: #1b7c00;height: 20px;margin-right: 3px;top: 2px;position: relative;}

/*------------TOTALTAT------------*/
#TotalTatDeils .compose_toggle{background-color:#f8f9fd}
#TotalTatDeils #Totaltat{padding-top:5px;}
#TotalTatDeils #Totaltat .col-lg-6:first-child{padding-right:0px;}
#TotalTatDeils #Totaltat .col-lg-6:nth-child(2){padding-left:0px;}
#TotalTatDeils #Totaltat .col-lg-6:nth-child(2) .totaltat .timing{color:#676767;}
#TotalTatDeils .totaltat .timing{font-weight: 600;font-size: 16px;color:#000;}
#TotalTatDeils .totaltat span{color: #df1c45;font-weight: 600;}
#TotalTatDeils .totaltat{background-color: #df1c451a;border-radius: 10px;text-align: center;margin: 10px 10px;padding: 5px 0px;}
#TotalTatDeils .add_contact{text-align:center;}
#TotalTatDeils .add_contact button{margin-left: 10px;height: 30px;padding: 2px 12px;}

/*-----------ROLL MASTER------------*/
.Roll_Master #ShowHidechkbox{margin-top:30px;}
.Roll_Master #ShowHidechkbox .card{box-shadow:none;}
.RM_list {position:relative;border:1px solid #dae8ff;border-radius:10px;margin-bottom:15px;}
.RM_list .list-head{font-weight: 600;background-color: #c5d9f9;color: #322052;padding: 10px;border-bottom: 1px solid #eeeeee;border-radius: 8px;display: flex;justify-content: space-between;font-size:13px;cursor:pointer;}
.RM_list .list-head i{padding: 4px 0px;float:right;}
.RM_list .list-head label{display: inline;color: #1e529b !important;margin:0;margin-right: 5px;padding:0;}
.RM_list .list-head span, .RM_list ul li label span{margin-left:10px;}
.RM_list ul{list-style: none;padding: 0;max-height: 250px;height: 100px;margin-bottom: 0;border-radius: 0;overflow: auto;overflow-x: hidden;width: 100%;}
.RM_list ul li {padding: 10px;float:left;width:100%;}
.RM_list ul li:hover{background-color: #f4f8ff;}
.RM_list ul li label{color:#343434 !important;font-weight: 400;padding:0;margin: 0;}

/*------------TAT COLLAPSE------------*/
#TotalTatDeils .compose_cnt .faq-section {background: #fdfdfd;min-height: auto;padding: 10px 0 0;}
#TotalTatDeils .compose_cnt .faq-title svg{padding-left: 5px;}
#TotalTatDeils .compose_cnt .faq-title h2 {position: relative;margin-bottom: 45px;display: inline-block;font-weight: 600;line-height: 1;}
#TotalTatDeils .compose_cnt .faq-title h2::before {content: "";position: absolute;left: 50%;width: 60px;height: 2px;background: #E91E63;bottom: -25px;margin-left: -30px;}
#TotalTatDeils .compose_cnt .faq-title p {padding: 0 190px;margin-bottom: 10px;}
#TotalTatDeils .compose_cnt .faq {background: #FFFFFF;box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);border-radius: 4px;margin:0 10px}
#TotalTatDeils .compose_cnt .faq .card {background: none;border-bottom: 1px solid #eeeeee;}
#TotalTatDeils .compose_cnt .faq .card .card-header {padding: 0px;border: none;background: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
#TotalTatDeils .compose_cnt .faq .card .card-header .faq-title {width: 100%;text-align: left;padding: 0px;font-weight: 400;font-size: 15px;letter-spacing: 1px;color: #3B566E;text-decoration: none !important;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;cursor: pointer;margin:0px;padding:10px 10px;font-size:12px;}
#TotalTatDeils .compose_cnt .faq .card .card-header .faq-title .badge {display: inline-block;width: 20px;height: 20px;line-height: 14px;float: left;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;text-align: center;background: #E91E63;color: #fff;font-size: 12px;margin-right: 20px;}
#TotalTatDeils .compose_cnt .faq .card .card-body {font-weight: 400;font-size: 16px;color: #6F8BA4;line-height: 28px;letter-spacing: 1px;border-top: 1px solid #F3F8FF;padding: 12px 12px 12px 12px;}
#TotalTatDeils .compose_cnt .faq .card .card-body p {margin-bottom: 14px;text-wrap: wrap;font-size:12px;}
#TotalTatDeils #accordion .table {border:1px solid #ddd;margin-bottom:0px;}
#TotalTatDeils #accordion .table thead tr th{font-size: 12px;text-align: center;border:1px solid #ddd;background: #1e529b;color: #fff;}
#TotalTatDeils #accordion .table tbody tr td{font-size: 11px;border:1px solid #ddd;}
#TotalTatDeils #accordion .table tbody tr td:nth-child(2){color:#000;font-weight:600;}
.cmn_section .tt-menu {background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.cmn_section .tt-menu .tt-suggestion {padding: 8px 15px;border-bottom: 1px solid #efefef;transition: all 0.5s ease-in-out;cursor: pointer;font-size: 12px;}
#uporins .modal-dialog .modal-body .col-md-12.text-center .UserCreation {height: auto !important;}
@media (max-width: 991px) {
#TotalTatDeils .compose_cnt .faq {margin-bottom: 30px;}
#TotalTatDeils .compose_cnt .faq .card .card-header .faq-title {line-height: 26px;margin-top: 10px;}
}

/*------------TIMELINE------------*/
#TotalTatDeils .timeline {position: relative;width: 100%;margin-top: 10px;padding: 1em 0;list-style-type: none;}
#TotalTatDeils .timeline:before {position: absolute;left: 50%;top: 0;content: ' ';display: block;width: 2px;height: 100%;z-index: 5;border-right: 1px dashed #8e8f94;}
#TotalTatDeils .timeline li {padding: 1em 10px;}
#TotalTatDeils .timeline li:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#TotalTatDeils .timeline .taken_times{text-align:center;font-size:9px;padding:10px 41px;}
#TotalTatDeils .taken_times span{background-color: #f0f0f0;height: 15px;display: inline-block;z-index: 10;position: relative;border-radius: 5px;line-height: 16px;padding: 0px 6px;color: #1e529b !important;font-weight: 600;}
#TotalTatDeils .direction-l {position: relative;width: 300px;float: left;text-align: left;}
#TotalTatDeils .direction-r {position: relative;width: 300px;float: right;text-align:right}
#TotalTatDeils .flag-wrapper {position: relative;display: inline-block;text-align: center;}
#TotalTatDeils .flag-wrapper .flag p{padding: 0px !important;margin: 0px;margin-bottom: 0px !important;line-height: 14px;font-size: 9px !important;width:82px;}
#TotalTatDeils .flag {position: relative;background: rgb(248, 248, 248);padding: 4px 7px;border-radius: 5px;font-weight: 500;text-align: left;font-size: 11px;color: #000;}
#TotalTatDeils .direction-l .flag {box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);border-bottom:2px solid #f89a29;}
#TotalTatDeils .direction-r .flag {box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);border-bottom:2px solid red;}
#TotalTatDeils .direction-l .flag:before, .direction-r .flag:before {position: absolute;top: 50%;right: -45px;content: ' ';display: block;width: 15px;height: 15px;margin-top: -10px;background: #fff;border-radius: 10px;border: 2px solid #f89a29;z-index: 10;}
#TotalTatDeils .direction-r .flag:before {left: -42px;border: 2px solid #df1c45;}
#TotalTatDeils .direction-l .flag:after {content: "";position: absolute;left: 100%;top: 50%;height: 0;width: 0;margin-top: -8px;border: solid transparent;border-left-color: rgb(248,248,248);border-width: 8px;pointer-events: none;}
#TotalTatDeils .direction-r .flag:after {content: "";position: absolute;right: 100%;top: 50%;height: 0;width: 0;margin-top: -8px;border: solid transparent;border-right-color: rgb(248,248,248);border-width: 8px;pointer-events: none;}
#TotalTatDeils .time-wrapper {display: inline;line-height: 1em;font-size: 0.66666em;color: rgb(250,80,80);vertical-align: middle;}
#TotalTatDeils .direction-l .time-wrapper {float: left;}
#TotalTatDeils .direction-r .time-wrapper {float: right;}
#TotalTatDeils .time {display: inline-block;padding: 4px 6px;background: rgb(248,248,248);}
#TotalTatDeils .desc {margin: 1em 0.75em 0 0;font-size: 0.77777em;font-style: italic;line-height: 1.5em;}
#TotalTatDeils .direction-r .desc {margin: 1em 0 0 0.75em;}

/*------------ADD CONTACT MODAL------------*/
#AddContactPartialView .contact_details .form-group{margin-bottom:10px !important;}
#AddContactPartialView .contact_details .form-group input{border-radius:3px !important;}
#AddContactPartialView .contact_details .form-group .input-group-addon{padding:6px 22px;}
#AddContactPartialView .contact_details fieldset{margin-bottom:0px;}
#AddContactPartialView .contact_details .btn_color1 span{margin-left:5px}
#AddContactPartialView .contact_details .control-label{padding-top:10px;}
#AddContactPartialView .contact_details fieldset{padding:15px 10px 10px 10px;}

/*------------COMPOSE------------*/
#mailbox #ComposeEmail{position: relative;display: -webkit-box;display: -ms-flexbox;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border-radius: 0.25rem;margin-right: 12px;}
#mailbox #ComposeEmail .Compose_mail{width: 97%;height: calc(100vh - 100px);position: relative;background-color: #fff;padding: 0px;box-shadow: 0 0 20px 3px rgb(0 0 0 / 8%);border-radius: 4px;/*overflow: auto;*/padding-bottom: 22px;margin-left: 15px;}/*margin-top: 20px;height: 88vh;*/
#mailbox #ComposeEmail .Compose_mail .typemail input{border: 1px solid #e3e3e3;border-radius: 0px;}
#mailbox #ComposeEmail .Compose_mail .typemail .tt-hint{display:none;}
#mailbox #ComposeEmail .Compose_mail .subject textarea{border: 1px solid #ebebeb !important;padding:10px 6px}
#mailbox #ComposeEmail .Compose_mail .rply_footer{border:1px solid #ebebeb;border-top:none;margin:0px}
#mailbox #ComposeEmail .Compose_mail #Composemaileditor{margin-top:24px;border-bottom:none}
#mailbox #ComposeEmail .Compose_mail #divcomposefiledisplay{border-bottom: 1px solid #ebebeb;}
#mailbox #ComposeEmail .Compose_mail #divcomposefiledisplay .file_upd_cls{margin:0;margin:5px;float:left;width:300px;}
#mailbox #ComposeEmail  .file_upload_cnt .progress{width: 200px;}
#mailbox #ComposeEmail .note-editor{border: 1px solid #ebebeb!important;margin-top: 15px;box-shadow:none;}
#mailbox #ComposeEmail .panel-heading{background-color:#f2f2f2 !important}
#mailbox #ComposeEmail .Compose_mail #Composemaileditor rte-content{border-bottom:none}
#mailbox #ComposeEmail .Compose_mail #Composemaileditor.richtexteditor.rte-modern{border:1px solid #ddd;border-bottom:none}
#mailbox #ComposeEmail .Compose_mail #Composemaileditor.richtexteditor.rte-modern rte-toolbar{border-bottom:1px solid #ddd}
#mailbox #ComposeEmail .Compose_mail .Composemaildescription{padding:0px;padding-bottom:0px}
#mailbox #ComposeEmail .Compose_mail .compose_head{margin: 0px;padding: 2px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom: 1px solid #e9e9e9;border-radius: 4px 4px 0 0;background: #a0c2e5;}

#mailbox #ComposeEmail .Compose_mail .compose_head .cc_bcc_cnt span{  font-size: 9px;border: 1px solid white;padding: 3px 5px;height: 20px;border-radius: 50%;background: #fff;}


#mailbox #ComposeEmail .Compose_mail .compose_head .cc_bcc_cnt span:hover{background-color: rgb(64, 118, 203);box-shadow: rgb(64, 118, 203) 0px 2px 6px 0px;border: 1px solid rgb(64, 118, 203);color: rgb(255, 255, 255);}
#mailbox #ComposeEmail .Compose_mail .Composemaildescription .typemail .bootstrap-tagsinput{border-bottom: 1px solid #ededed;
    border-radius: 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    min-height: 30px;
    padding: 0px 1px;
}
#ddlFrommailidlist .chosen-container-single .chosen-single span{color:#9dacb5;}
#mailbox #ComposeEmail .Compose_mail .cc-bcc-position{position: relative;padding-right: 15px;top: 3px;width:15%;text-align:right;}
#mailbox #ComposeEmail .Compose_mail .cc-bcc-position a{text-decoration:underline;color:#888b8f;}
#mailbox #ComposeEmail .Compose_mail .cc-bcc-position a:hover{color:#555;font-size:13px;}
#mailbox #ComposeEmail .__Tomail{border-bottom: 1px solid #ededed;max-height: 70px;overflow-y: scroll;}
#mailbox #ComposeEmail .___cmnheight  .__Tomail{border-bottom: 1px solid #ededed;max-height: 50px !important;overflow-y: scroll;}
#mailbox .mailcontent .folder .compose_{background: #2b78e4;color: #fff;font-size: 12px;border-radius: 3px;margin-bottom: 20px;cursor: pointer;transition: all 0.3s ease-in-out;}/*box-shadow: #2b78e4 0px 2px 14px -5px, #2b78e4 0px 3px 10px -5px;*/
#mailbox .mailcontent .folder .compose_ p{padding: 10px 5px;}
#mailbox .mailcontent .folder .compose_:hover{box-shadow: #2b78e4 0px 2px 14px -5px, #2b78e4 0px 3px 10px -5px;transform: scale(1.02);}/*trans:form:translateY(-4px);*/
#mailbox .mailcontent .folder .compose_:hover p svg{transform:rotate(180deg)}
#mailbox .mailcontent .folder .compose_ p svg{margin-left:10px;transition:all 0.5s ease-in-out;cursor:pointer}

.Compose_mail .Composemaildescription .typemail .position-relative{width:100% !important;/*overflow:hidden;*/} /*new change width*/
.Compose_mail .Composemaildescription .chosen-container-single .chosen-single{    height: 30px;border-bottom: 1px solid #ededed;border-radius: 0px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;padding: 2px 0px 0px 8px;}
#mailbox #ComposeEmail .Compose_mail .typemail #txtFrommail{width:70%;}
.Compose_mail .Composemaildescription .chosen-container-active .chosen-single{box-shadow:none !important;}
.Compose_mail .Composemaildescription .typemail label{width:30%;height: 38px;font-size: 12px;padding: 10px 12px;margin-right:10px;border: 1px solid #e3e3e3;border-radius: 5px;} /*New Change width*/
.Compose_mail .Composemaildescription  .tobox_widrh{width:85% !important;}
.downico{position:absolute;right: 10px;top: 5px;font-size:12px;}

/*------------COLLAPSE------------*/
.inboxcol_collapse_cnt{width: 0px;height: calc(100vh - 50px) !important;background: #fff;position: absolute;right: 47px;top: -1px;overflow: auto;white-space: nowrap;z-index: 1000;border-right: 0px;border: 1px solid #e9e9ef;transition:all 0.5s linear !important;box-shadow: rgba(99, 99, 99, 0.2) -3px 4px 8px -4px;}
.inboxcol_collapse_cnt.in{width:calc(39% + 10px);height:calc(100vh - 50px) !important;transition:all 0.7s ease-in-out}
.inboxcol_collapse_cnt.collapse{height:100vh}

/*------------TOGGLE BAR------------*/
.bodywrapper{position: fixed;width: calc(100% - 100px);top: 10px;left: 80px;z-index: 1;transition: all 0.5s ease-in-out;}
.bodywrapper .toggle {background:transparent;border:none;width:33px;height:45px;cursor:pointer;outline:0;padding-top:4px;transition:all 0.5s ease-in-out;}
.bodywrapper .toggle span {width:100%;height:2px;background:#2b6ac2;display:block;position:relative;cursor:pointer;}
.bodywrapper .toggle span:before,
.bodywrapper .toggle span:after {content:'';position:absolute;left:0;width:100%;height:100%;background:#2b6ac2;transition: all 0.3s ease-out;}
.bodywrapper .toggle span:before {top:-7px;}
.bodywrapper .toggle span:after {top:7px;}
.bodywrapper .toggle span.toggle {background:transparent;}
.bodywrapper .toggle span.toggle:before {top:0;transform:rotate(-45deg);background:#1b6eef; height:3px; }
.bodywrapper .toggle span.toggle:after {top:0;transform:rotate(45deg);background:#4CAF50;height:3px;}
.bodywrapper {position: fixed;width: calc(100% - 95px);top: 10px;left: 80px;z-index: 12;transition: all 0.5s ease-in-out;}

/*------------DATEPICKER------------*/
.Zebra_DatePicker{font-family:"Poppins",sans-serif !important;padding:0 !important;box-shadow:none !important}
.Zebra_DatePicker .dp_header{background-color:#1e529b;color:#fff;font-size:14px;border-bottom:1px solid #ddd;margin-bottom:0 !important;}
.Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_daypicker td{font-size:14px;min-width: 28px;}
.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next{color:#fff;font-size: 12px;border-radius:0;}
.Zebra_DatePicker .dp_header .dp_previous:hover, .Zebra_DatePicker .dp_header .dp_next:hover{background-color:#1e529b;color:#fff}
.Zebra_DatePicker .dp_header .dp_caption:hover{background:transparent !important}
.Zebra_DatePicker .dp_header tbody tr {display:block;}
.Zebra_DatePicker .dp_body .dp_selected{background-color:#1e529b !important}
.Zebra_DatePicker .dp_footer{width: 100%;color: #1e529b;background-color:#dfecff;}
.Zebra_DatePicker .dp_footer:hover{background-color:#d9d9d9 !important}
.Zebra_DatePicker .dp_footer tbody tr td{font-size:14px;padding: 5px 5px;background-color:#dfecff !important;}
.Zebra_DatePicker .dp_footer tbody tr td:hover{background:#1e529b !important; color:#fff !important;}
button.Zebra_DatePicker_Icon{background:none !important}
#divShiftTime .pos_rel{position:relative}
#divShiftTime .pos_rel .calender_icon{position: absolute;right: 1px;top: 1px;background: rgba(223, 121, 28, 0.16);color: rgb(223, 121, 28);width: 32px;font-size: 13px;height: 36px;border-radius: 0px 3px 3px 0px;text-align: center;padding-top: 9px;}
#divShiftTime .pos_rel .calender_icon svg{width:13px;}
.wrkng_tmg .Zebra_DatePicker_Icon_Wrapper{padding-bottom:0px !important}
.flatpickr-calendar{width:137px !important}

.flatpickr-calendar .flatpickr-time input{color:#1e529b !important;font-weight:800 !important}
.flatpickr-calendar .numInputWrapper:hover span{border:none}
.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#1e529b !important;top:20% !important}
.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#1e529b !important;top:60% !important}
.flatpickr-calendar .numInputWrapper:hover span{background:none !important}

/*------------SCROLL BAR------------*/
#mailbox .mailboxbody::-webkit-scrollbar,.mailcontent .overvwmail::-webkit-scrollbar ,#RoasterMapping .wrkng_tmg::-webkit-scrollbar, #mailbox #ComposeEmail .Compose_mail::-webkit-scrollbar, #Profile .usercontent .right_cnt .card::-webkit-scrollbar, .holiday_list_content::-webkit-scrollbar, .RM_list ul::-webkit-scrollbar{width: 4px;height:4px}
#mailbox .mailboxbody::-webkit-scrollbar-track,.mailcontent .overvwmail::-webkit-scrollbar ,#RoasterMapping .wrkng_tmg::-webkit-scrollbar-track, #mailbox #ComposeEmail .Compose_mail::-webkit-scrollbar-track,#Profile .usercontent .right_cnt .card::-webkit-scrollbar-track, .holiday_list_content::-webkit-scrollbar-track, .RM_list ul::-webkit-scrollbar-track{background: #f1f1f1; }
#mailbox .mailboxbody::-webkit-scrollbar-thumb,.mailcontent .overvwmail::-webkit-scrollbar ,#RoasterMapping .wrkng_tmg::-webkit-scrollbar-thumb, #mailbox #ComposeEmail .Compose_mail::-webkit-scrollbar-thumb,#Profile .usercontent .right_cnt .card::-webkit-scrollbar-thumb, .holiday_list_content::-webkit-scrollbar-thumb, .RM_list ul::-webkit-scrollbar-thumb{background: #888; border-radius:15px;}

#mailbox .inboxcol_collapse_cnt::-webkit-scrollbar{width: 4px;height:4px}
#mailbox .inboxcol_collapse_cnt::-webkit-scrollbar-track{background: #f1f1f1; }
#mailbox .inboxcol_collapse_cnt::-webkit-scrollbar-thumb{background: #888; border-radius:15px;}

/*------------NEW------------*/
.tabcontentcolumn::-webkit-scrollbar{width: 4px;height:4px}
.tabcontentcolumn::-webkit-scrollbar-track{background: #f1f1f1; }
.tabcontentcolumn::-webkit-scrollbar-thumb{background: #888; border-radius:15px;}

/*------------CHECKBOX DESIGN------------*/
input[type=checkbox] + label {display: block;margin: 0.2em;cursor: pointer;padding: 0.2em;}
input[type=checkbox] {display: none;}
input[type=checkbox] + label:before {content: "\2714";border: 0.1em solid #1e529b2b;border-radius: 4px;display: inline-block;width: 16px;height: 16px;padding-top: 1px;padding-left: 3px;padding-bottom: 0px;margin-right: 0px;color: transparent;transition: .2s;line-height: 12px;font-size: 11px;position: relative;margin-right:5px;}
input[type=checkbox] + label:active:before {transform: scale(0);}
input[type=checkbox]:checked + label:before {background-color: #1e529b;border-color: #1e529b;color: #fff;}
input[type=checkbox]:disabled + label:before {transform: scale(1);border-color: #aaa;}
input[type=checkbox]:checked:disabled + label:before {transform: scale(1);background-color: #bfb;border-color: #bfb;}
.input-group-addon label::before{position:relative !important;padding-left:0px !important}
.input-group-addon label{position: relative;top: 15px;}

/*------------RADIOBTN DESIGN------------*/
#configuration input[type="radio"] {
    appearance: none;
}
input[type="radio"] + label{cursor: pointer;position: relative;line-height: 20px;}
input[type="radio"] + label::before{content: "";display: inline-block;width: 14px;aspect-ratio: 1;border: 1px solid #c6c6c6;border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);opacity: 1;transition: all 0.3s;}
input[type="radio"] + label::after{content: "";display: inline-block;width: 6px;aspect-ratio: 1;border: 1px solid #41afe1;background: #41afe1;border-radius: 50%;position: absolute;left: 4px;top: 7px;opacity: 0;transition: all 0.3s;}
input[type="radio"]:checked + label::after{opacity: 1;}
input[type="radio"]:checked + label::before{border: 1px solid #41afe1}
.input-group-addon .rad_btns::before{position: relative;top: 10px !important;}
.input-group-addon .rad_btns{top:12px;right:5px}

/*NAVC+BAR*/

.nav {
padding-left: 0 !important;margin-bottom: 0 !important;list-style: none !important;}
/*------------SIDE MENU------------*/
.mm-active .active {color: #fff! important;}
.mm-active .active svg {color: #fff !important;fill: rgba(81,86,190,.2)!important;}
.vertical-menu {width: 60px;z-index: 100;background: #1e529b;bottom: 0;margin-top: 0;position: fixed;top: 0;transition:all 0.5s ease-in-out;}/*top: 50px;height:calc(100% - 50px)*/
.vertical-menu .simplebar-wrapper {overflow: hidden;width: inherit;height: inherit;max-width: inherit;max-height: inherit;}
.vertical-menu .simplebar-mask {direction: inherit;position: absolute;padding: 0;margin: 0;left: 0;top: 0;bottom: 0;right: 0;width: auto!important;height: auto!important;z-index: 0;}
.vertical-menu .simplebar-offset {direction: inherit!important;-webkit-box-sizing: inherit!important;box-sizing: inherit!important;resize: none!important;position: absolute;top: 0;left: 0!important;bottom: 0;right: 0!important;padding: 0;margin: 0;-webkit-overflow-scrolling: touch;}
.vertical-menu .simplebar-content-wrapper {direction: inherit;-webkit-box-sizing: border-box!important;box-sizing: border-box!important;position: relative;display: block;height: 100%;width: auto;visibility: visible;overflow: visible;max-width: 100%;max-height: 100%;scrollbar-width: none;padding: 0!important;}
.vertical-menu .visible_txt{transition:all 0.5s ease-in-out;visibility:hidden;background-color: #1e529b;position: absolute;left: 60px;z-index: 10;width: 0px;top: -2px;text-align: center;color: #fff;border-radius: 0 5px 6px 0;overflow:hidden;height:40px;font-size:13px;cursor:pointer;}
.vertical-menu .multi_mnu{height:auto !important}
.vertical-menu .visible_txt p{font-size:14px;margin: 2px 0;text-align:left;padding-left:10px}
.vertical-menu .visible_txt a:hover{background-color:transparent !important}
.vertical-menu .multi_mnu div p{text-align: left;margin: 0;background: #2b67bc;padding: 5px 5px 5px 34px;}
.vertical-menu #sidebar-menu ul li .multi_mnu svg{right: 8px;font-size: 12px;width: 12px;position: absolute;top: 14px;}
.vertical-menu #side-menu li:hover .visible_txt{width: auto;visibility:visible;}
.vertical-menu #sidebar-menu {padding: 10px 0 30px 0;margin-top: 40px;}
.vertical-menu .metismenu {margin: 0 !important;}
.list-unstyled{padding-left:0px !important;}
.vertical-menu .metismenu li {display: block;width: 100%;position: relative;text-align: center;margin-top: 15px !important;padding: 0 !important;}
.vertical-menu .metismenu li .visible_txt > p{padding: 10px 10px;}
.vertical-menu .menu-title {padding: 12px !important;pointer-events: none;cursor: default;font-size: 12px;color: #fff;font-weight: 500;}
.vertical-menu #sidebar-menu ul.metismenu > li a {display: inline-block;width: 100%;padding: 8px 12px;color: #fff;position: relative;font-size: .9rem;-webkit-transition: all .4s;font-weight: 500;white-space:nowrap;text-align:center;position:relative;text-decoration:none;transition:all 0.3s ease-in-out;border-radius:4px;}
.vertical-menu #sidebar-menu ul.metismenu li:hover > a{background-color: #2b78e4;border-radius:4px}
.vertical-menu #sidebar-menu ul.metismenu > li a svg {height: 20px;width: 20px;color: #fff;fill: rgba(84,90,109,.2);position:relative;vertical-align: middle;}
/*.vertical-menu #sidebar-menu ul li a.active{background-color: #2b78e4;border-radius: 4px;}*/
.vertical-menu .menu_icons_{display:flex;justify-content:center;align-items:center;}
.vertical-menu .menu_icons_ span svg{width:12px !important;height:12px !important}
.vertical-menu #sidebar-menu ul li ul.sub-menu li a {padding: 10px 20px 10px 44px;font-size: .85rem;color: #fff;}
.vertical-menu #sidebar-menu ul li ul.sub-menu {padding: 0;}
.vertical-menu .metismenu .mm-collapse.mm-show {display: block;}
.vertical-menu .metismenu .mm-collapse.mm-show {display: block;}
.vertical-menu .metismenu .mm-collapse:not(.mm-show) {display: none;}
.vertical-menu .metismenu li a span{font-size:13px;display:none}
.vertical-menu .metismenu li a .side_mnu{padding-left: 10px;}
.vertical-menu .metismenu .sub-menu li a span{font-size:12px}
.vertical-menu .metismenu .sub-menu li a{transition:all 0.5s ease-in-out;border-radius:4px}
.vertical-menu .metismenu .sub-menu li a:hover{background-color:#2b78e4}
.vertical-menu .main_menu .visible_txt p a{font-size: 13px !important;padding: 0px !important;text-align: left !important;}

.vertical-menu .metismenu .multi_mnu div p a{font-size: 13px !important;padding: 0px !important;text-align:left !important;}
.vertical-menu .metismenu .multi_mnu div p{padding:8px 5px 7px 25px !important;transition:all 0.5s ease-in-out}
.vertical-menu .metismenu .multi_mnu div p:hover{background-color:#1e529b !important}
.vertical-menu #sidebar-menu .srMaster .sub-menu.in#Submenus li {
    margin-top: 0 !important;
}
.folderlist .nav-stacked li a {text-decoration: none !important;color: #0067B8;}
/*------------USER CREATION SCREEN------------*/
.user_creations .contetn_wrap {float: left;width: 100%;}
.user_creations .section1 {display: block;}
.user_creations .usertitle {color: #1655ae;font-size: 18px;margin-bottom: 0px;margin-top: 0px;}
.user_creations .userbtn .btn:focus{outline:0;}
.user_creations .userbtn .btn{background-color: #f89a29;padding:5px 20px;}
.user_creations #userviewtable .userviewtable{background-color:#fff;}
.user_creations #userviewtable .userviewtable th, .user_creations #userviewtable .userviewtable td{text-align:center;}
.user_creations #userviewtable .userviewtable table {border: 1px solid #ebe6e6;}
.user_creations #userviewtable .cmn_content hr{margin-top:0;}
.user_creations .cmn_content hr{margin-top:0;}
.user_creations .titlediv{display:flex;justify-content:space-between;align-items:center;padding:5px 0px}
.user_creations .chosen-container-multi .chosen-choices{overflow-y: scroll;display: block;border: 1px solid #ccc;}
.user_creations .chosen-container-multi .chosen-choices li.search-choice{border: 1px solid #1e529b;background: #1e529b12;box-shadow:none}
.user_creations .search-field{height: 0px;width: 0px;}
.user_creations .chosen-container-active .chosen-choices{box-shadow:none;border:1px solid #cccccc !important}
.user_creations .input-group select,
.user_creations .input-group input{background: #fff;font-weight: 500;float: left;margin-bottom:20px;height:38px !important;box-shadow:none;border-radius:3px}
.user_creations .chosen-choices::-webkit-scrollbar{width: 0px;height:0px;}
.user_creations .chosen-choices::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #fff;}
.user_creations .chosen-choices::-webkit-scrollbar-thumb{background-color: #ccc;border-radius: 2px;transition: all 0.4s ease 0s;}
.user_creations .input-group-addon{padding-left:0px;}
.user_creations .input-group-addon label{padding-left:0px;margin-left:0px}
.user_creations .content_wrap .btnfooter{text-align:center}
.user_creations .content_wrap .btnfooter button:hover{color:#fff !important}
.user_creations .richtexteditor{border:1px solid #ddd !important}
#user_creations .contentdetails .col-md-12 .row:nth-child(2) .col-lg-9.col-md-9 .col-xs-12{width:21%;flex:none;margin-bottom:10px !important;}
#user_creations .contentdetails .col-md-12 .row:nth-child(2) .col-lg-9.col-md-9 .col-sm-6{width:16%;flex:none;}
/*UPLOAD IMAGE*/
.form-container {width: 100vw;height: 100vh;background-color: #7b2cbf;display: flex;justify-content: center;align-items: center;}
.profile_upload .upload-files-container {width: 100%;padding: 0px;border-radius: 14px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.profile_upload .drag-file-area {border: 1px dashed #1e529b;border-radius: 6px;margin: 10px 0;padding: 5px 5px;width: 100%;text-align: center;padding-top:10px;height:auto;}
.profile_upload .drag-file-area .profile_ img{width:100%;margin-bottom:14px;}
.profile_upload .drag-file-area .upload-icon {font-size: 13px;font-weight:600;}
.profile_upload .drag-file-area h3 {font-size: 10px;margin: 15px 0;margin-bottom:3px;}
.profile_upload .drag-file-area label {font-size: 14px;white-space:normal}
.profile_upload .drag-file-area label span:nth-child(1){position:relative;left:0px}
.profile_upload .drag-file-area label .browse-files-text {color: #1e529b;font-weight: bolder;cursor: pointer;}
.profile_upload .browse-files span {position: relative;top: -33px;left:0px;font-size:10px}
.profile_upload .browse-files input{height: 20px !important;float: none;}
.profile_upload .default-file-input {opacity: 0;width:100%}
.profile_upload .cannot-upload-message {background-color: #ffc6c4;font-size: 17px;display: flex;align-items: center;margin: 5px 0;padding: 5px 10px 5px 30px;border-radius: 5px;color: #BB0000;display: none;}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.profile_upload .cannot-upload-message span, .upload-button-icon {padding-right: 10px;}
.profile_upload .cannot-upload-message span:last-child {padding-left: 20px;cursor: pointer;}
.profile_upload .file-block {color: #f7fff7;background-color: #7b2cbf;transition: all 1s;width: 390px;position: relative;display: none;flex-direction: row;justify-content: space-between;align-items: center;margin: 10px 0 15px;padding: 10px 20px;border-radius: 25px;cursor: pointer;}
.profile_upload .file-info {display: flex;align-items: center;font-size: 15px;}
.profile_upload .file-icon {margin-right: 10px;}
.profile_upload .file-name, .file-size {padding: 0 3px;}
.profile_upload .remove-file-icon {cursor: pointer;}
.profile_upload .progress-bar {display: flex;position: absolute;bottom: 0;left: 4.5%;width: 0;height: 5px;border-radius: 25px;background-color: #4BB543;}
.profile_upload .upload-button {font-family: 'Montserrat';background-color: #1e529b;color: #f7fff7;display: flex;align-items: center;font-size: 11px;border: none;border-radius: 20px;margin: 2px;padding: 3px 22px;cursor: pointer;}
.profile_upload .rte-modern.rte-desktop.rte-toolbar-default{height:100px}
.profile_upload label{height: 25px;display: block;}

/*FIELD*/
#usercreation fieldset legend{background-color:#fff;margin-bottom:10px;width:75px;white-space:nowrap;}
#usercreation fieldset{padding-bottom:22px;}
#uporins .modal-dialog .modal-body .col-md-12:nth-child(1):nth-child(1){padding:5px 20px; margin-bottom:10px;}
#uporins .modal-dialog .modal-body .col-md-12:nth-child(1) p{font-size:12px;color: #000 !important;
    font-weight: 400;
}
#uporins .modal-dialog .modal-body {padding:5px 20px !important;}
#uporins .modal-header {border: 0;border-bottom: 1px solid #ddd !important;padding: 10px 10px;}

#uporins .modal-dialog .modal-body  .col-md-12.text-center  label{font-weight:500 !important;}
#uporins .modal-dialog .modal-body .col-md-12.text-center .UserCreation1{height:auto !important;}
#uporins .modal-dialog .modal-body .col-md-12.text-center{margin-top:10px;  }
#uporins .modal-dialog .modal-title{font-size:13px;}
#uporins .modal-dialog .modal-body   #texthide label{font-weight:600 !important;}
#uporins .modal-dialog .modal-body   #texthide .UserCreation{border: 1px solid #a5a5a5 !important;box-shadow: none;height:35px !important;    width: 50%;
    margin: 0 auto;
}
/*#uporins .modal-dialog .modal-body   #texthide .UserCreation:focus-visble{border:none;}*/
/*==========================================
            CONFIGURATION SCREEN
============================================*/

/*TAB DESIGN*/
.configuration .tabs{padding-left:0px}
.configuration .tabs li{list-style: none;padding: 10px 0px 10px 10px;margin-bottom: 8px;cursor:pointer;transition:all 0.4s ease-in-out;position:relative;border-radius:8px;cursor:pointer}
.configuration .tabs li.active{background-color:#ebf1ff;}
.configuration .tabs li.active a span, .configuration .tabs li:hover a span{font-weight:500 !important}
.configuration .tabs li.active a span, .configuration .tabs li.active a span svg{color:#1e529b !important}
.configuration .tabs li:hover a span, .configuration .tabs li:hover a span svg{color:#1e529b !important}
.configuration .tabs li:hover{background-color:#ebf1ff;}
.configuration .tabs li a {color:#333;text-decoration:none;display:flex;align-items:center;}
.configuration .tabs li a:focus{outline:none;}
.configuration .tabs li a span svg{width:17px;height:17px;color:#1e529b}
.configuration .config_content{display:flex}
.configuration .config_content .col-md-2:nth-child(1){width:250px}
#divGroupCreationContent  .contentdetails .col-md-12:nth-child(2) .row:nth-child(3) .col-lg-12.col-md-12.text-center{display:flex !important;justify-content:center !important;}

/*NEW*/
.tab_title svg{font-size: 10px;float: right;margin-top: 4px;width: 10px !important;height: 10px !important;color: #a5a5a5 !important;}
.tab_title{width:82%;display:inline-block;font-weight: 600;padding-left:8px;font-size:13px;}

#tab1content{box-shadow:none;}
#tab1content .groupcontent{background:none;border:none}

/*SPRITE IMAGE*/
.tabs {position: relative;}
.tabs li {margin: 0;padding: 0;list-style: none;position: absolute;top: 0;}
/*.tabs li, .tabs a {height: 44px;}*/
.item1 {background: url(../Images/product-icons.svg) 59px -1px;display: inline-block;width: 29px;height: 30px;}
.item2 {background: url(../Images/product-icons.svg) -241px -1px;display: inline-block;width: 29px;height: 30px;}
.item3 {background: url(../Images/product-icons.svg) 149px -1px;display: inline-block;width: 29px;height: 30px;}
.item4 {background: url(../Images/product-icons.svg) -481px -1px;display: inline-block;width: 29px;height: 30px;}
.item5 {background: url(../Images/product-icons.svg) -240px 119px;display: inline-block;width: 29px;height: 30px;}
/*.item6 {background: url(../Images/product-icons.svg) -240px 119px;display: inline-block;width: 29px;height: 30px;}*/
.item6 {background: url(../Images/product-icons.svg) 362px 449px;display: inline-block;width: 29px;height: 30px;}
#configuration .tabcontentcolumn section{width:100%}

/*TOGGLE SCREEN*/
.holidaycontent, .roastercontent, .emailcontent, .branchmappingcontent, .groupmappingcontent, .groupcontent{max-height:620px;}

/*ROASTER MAPPING*/

#RoasterMapping .contentsinfo .wrkngdaychk .checkbox{margin-bottom:0px;margin-top:0px}
.wrkngshft,.wrkngday{padding:1px 4px;color: #000 !important;font-weight:500;font-size:12px}
.wrkngshiftchk,.wrkngdaychk{display:inline-flex;margin-right:5px;padding: 0 4px;border-radius: 3px;}
#RoasterMapping .wrkng_tmg{width: 540px;padding: 20px 0 0 0 ;}
#RoasterMapping .wrkng_tmg .wrk_from_to{margin-top:30px;padding:0 12px;text-align:center}
#RoasterMapping .wrkng_tmg .timingsofday .day_lbl{padding: 0 5px;border-radius: 3px;font-size: 14px;font-weight: 500;padding-top:28px;color:#000 !important}
#RoasterMapping #divShiftTime fieldset .form-group{margin-bottom:5px !important}
#RoasterMapping #divShiftTime legend{width:auto !important;margin-bottom:0px}
.tab_content_wrapper .chosen-container-multi .chosen-choices li.search-choice{border: 1px solid #1e529b;background: #1e529b12;}
#RoasterMapping .submbtndiv{margin-top:10px}
#RoasterMapping #Hidefortimeshift .btn_color1{margin-right:10px;}
#RoasterMapping .wrkng_shift .btn_color1{margin-right:10px;}
.shift_btns{text-align:right;}
.shift_btns .btn_color2{margin-top: 0px;position: absolute;top: -68px;right: 22px;padding: 4px 12px;}
#RoasterMapping .titlediv{display: flex;align-items: center;justify-content: space-between;}
#RoasterMapping .titlediv button{margin-top: 0px;}

.wrkngdaychk{background-color:#f89a2929;border-radius: 50px;width: 30px;height: 30px;position:relative;transition:all 0.2s linear}
.wrkngdaychk:hover{background-color:#d57808}
.wrkngdaychk:hover .wrkngday{color:#fff !important}
.wrkngdaychk label::before{visibility:hidden}
.wrkngday{position:absolute;left:0}
.wrkngdaychk label span{position: absolute;left: 50%;font-size: 11px;top: 50%;transform: translate(-51%, -48%);}
.wrkngdaychk_active{border:1px solid #d57808;background-color:#d57808}
.wrkngdaychk_active .wrkngday{color:#fff !important}
.cls_day{width:122px !important;margin-top:20px}

.shift_table table{margin-top:0px !important;}
.shift_table table tr td .shift1{background: #ff00001a;color: red;padding: 3px 8px;border-radius: 5px;}
.shift_table table tr td .shift2{background: #0080001f;color: green;padding: 3px 8px;border-radius: 5px;}
.shift_table table tr td .shift3{background: #1e529b1c;color: #1e529b;padding: 3px 8px;border-radius: 5px;}
.shift_table table tr td .shift4{background: #f89a292b;color: #f89a29;padding: 3px 8px;border-radius: 5px;}
.shift_table table tr td .shift5{background: #c629f824;color: #c629f8;padding: 3px 8px;border-radius: 5px;}
.shift_table table tr td .shift6{background: #29abf829;color: #29abf8;padding: 3px 8px;border-radius: 5px;}

#RoasterMapping .shift_table::-webkit-scrollbar{width: 3px;height:3px;}
#RoasterMapping .shift_table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #fff;}
#RoasterMapping .shift_table::-webkit-scrollbar-thumb{background-color: #888;border-radius: 2px;transition: all 0.4s ease 0s;}
#RoasterMapping .shift_table{overflow:auto;display:block;width:100%;padding:0px 10px;}
#RoasterMapping .table{margin-top:20px;margin-bottom:0px;}
#RoasterMapping .table thead tr th{text-align:center;font-size:12px;font-weight:600}
#RoasterMapping .table tbody tr td{text-wrap:nowrap}
#RoasterMapping .table tbody .odd{background-color:#1e529b12;}
#RoasterMapping .table tbody .even{background-color:#fff;}
#RoasterMapping .table thead tr th{padding:16px 0px;border:none;background-color:#1e529b33}
#RoasterMapping .table tbody tr td{border:none;padding:22px 10px 11px 10px;font-size:12px;color:#96969b;}
#RoasterMapping .table tbody tr td:first-child{color: #1e529b;text-align: left;font-weight: 500;}
#RoasterMapping .table tbody tr td:last-child span{margin:0 3px}
#RoasterMapping .table tbody tr td:last-child span:first-child{color: #005400;width: 25px;height: 25px;border-radius: 3px;display: inline-block;border: 1px solid #00800054;padding-top: 3px;transition:all 0.5s ease-in-out;cursor:pointer}
#RoasterMapping .table tbody tr td:last-child span:first-child:hover{background-color:#005400;color:#fff}
#RoasterMapping .table tbody tr td:last-child span:nth-child(2){color: #df1c45;width: 25px;height: 25px;border-radius: 3px;display: inline-block;border: 1px solid #ff000042;padding-top: 3px;transition:all 0.5s ease-in-out;cursor:pointer}
#RoasterMapping .table tbody tr td:last-child span:nth-child(2):hover{background-color:#df1c45;color:#fff}


/*configuration*/
.cmn_content .config_content #shiftcreation .shiftcontent #checkboxcickdiv{width:40%;float:left;}
.cmn_content .config_content #shiftcreation .shiftcontent .col-lg-8.col-md-6.col-sm-12{width:60%;float:left;}
.cmn_content #shiftcreation .shiftcontent #checkboxcickdiv .card-body{background:#fdfdfd;}
.cmn_content .spitname {width: 100%;margin: 12px 0px;background: #EBF1FF;padding: 5px;padding-left: 15px;border-radius: 5px;}
.cmn_content .spitname label{color:#72767c !important; }

.cmn_content .spitname label .datewekwiseone {background: rgb(36,113,191);color: #fff !important;padding: 4px 6px;margin-right: 10px;font-size: 14px;border-radius: 2px;}
.datewekwise {font-size: 12px;letter-spacing: 1px;font-weight: 600;/*border: 1px solid #d9d9d9;*/padding: 6px;color:#1655ae;margin-right:5px;}
.datewekwisetwo{font-size: 12px;letter-spacing: 1px;font-weight: 600;/*border: 1px solid #d9d9d9;*/padding: 6px;margin-left:5px;color:#1655ae;}
.datewekwisehead{padding:5px;color:#1655ae;}
.adjustdiv{width:33% !important;flex:none;max-width:100% !important;}
.config_samediv input[type=checkbox] + label:before {content: "\2714";margin-right:10px;}
.titlediv.Assign_shift{margin-bottom:5px;}
.config_samedv{width:50%;}
.centerdiv{width:18%;max-width:100%;display:flex;justify-content:center;}
.config_samediv{width:59%;float:left;margin-bottom:10px;}
.cmn_content #shiftcreation .shiftcontent #checkboxcickdiv .card-body .col-lg-6.col-md-3 {width:100%;max-width:100%;flex:none;margin-bottom:10px;}
.Zebra_DatePicker .dp_header.dp_actions .dp_previous{color:#fff;}
.Zebra_DatePicker .dp_header.dp_actions .dp_caption{color:#fff;}
.Zebra_DatePicker .dp_body tr:nth-child(even){background:none !important;}
.shiftcontent .containshitdetails{height:336px;overflow-y:scroll;}
/*.containshitdetails::-webkit-scrollbar {display: block;width: 15px;height:50px;}*/
.containshitdetails::-webkit-scrollbar{width: 8px;height:4px}
.containshitdetails::-webkit-scrollbar-track{background: #f1f1f1; }
.containshitdetails::-webkit-scrollbar-thumb{background:#C5CAD1; border-radius:15px;}
#checkboxcickdiv .Assign_shift .col-sm-3.col-xs-3:last-child{margin-bottom:20px;}
.containshitdetails .spitnameone{width:30% !important;}
#AssignWeekwise #WeekShow .col-md-2{width:21%;}



/*EMAIL MAPPING*/
#emailcreation .titlediv {display: flex;align-items: center;justify-content: space-between;}
#emailcreation .titlediv button {margin-top: 0px;}

#divEmailMappTableView .email_title {padding: 5px 8px;}
#divEmailMappTableView table{width:100%;}
#divEmailMappTableView table  tr th:first-child{border-top-left-radius:0.5rem;}
#divEmailMappTableView table  tr th:last-child{border-top-right-radius:0.5rem;}
#divEmailMappTableView table  tr th {padding: 16px 0px;border: none;background-color: #1E529B;color:#fff;}
#divEmailMappTableView table  tr th {text-align: center;font-size: 12px;font-weight: 600;}
#divEmailMappTableView table tbody tr td:first-child {color: #1e529b;text-align: left;font-weight: 500;}
#divEmailMappTableView table tbody tr td {border: none;padding: 22px 10px 11px 10px;font-size: 12px;color: #96969b;}

 #emailcreation  .col-md-11.col-lg-11 .card #divEmailMappTableView table th{text-align:center;padding:5px;font-weight:500; }
  #emailcreation .col-md-11.col-lg-11 .card #divEmailMappTableView table td{padding:5px; }
#dllGroupEmailMapp,#dllBranchEmailMapp,#dllUserEmailMapp,.chosen-container{width:100% !important}
#emailcreation .input-group-addon .rad_btn, #emailcreation .input-group-addon .chckbx{margin-bottom:0px !important}
#emailcreation .tags label{width:100%}
#emailcreation .tags .bootstrap-tagsinput{height:38px;box-shadow:none;padding:0px;border-radius:6px;padding-left:11px}
#emailcreation .tags .bootstrap-tagsinput .tag{margin-right: 2px;color: #f89a29;background-color: #fff0de;position: relative;top: 5px;right: 5px;border:1px solid #ffd29c}
#emailcreation .tags input{background:transparent !important}
#emailcreation .contentsinfo .input-group{width:100%}
#emailcreation .input-group-addon{padding:0px}
#emailcreation .input-group-addon .rad_btns{top:16px}
#emailcreation .input-group-addon label{top:15px}
#emailcreation input[type=checkbox] + label:before{top:0}
#emailcreation .sub_title h4{color: #1655ae;font-size: 15px;font-weight: 600;}
.Composemaildescription .typemail .bootstrap-tagsinput {border: none;border-bottom: 0 !important;width: 100%;border-radius: 0px !important;box-shadow: none;}
.Composemaildescription .typemail .bootstrap-tagsinput input {border: none !important}
.Composemaildescription .subject textarea{border-bottom: 1px solid #ddd !important;}
.Composemaildescription.typemail .bootstrap-tagsinput .tag {border-radius: 50px;font-size: 11px;position: relative;padding-left: 32px;height: 24px;display: inline-block;font-weight: 500;padding-top: 5px;}
.Composemaildescription .bootstrap-tagsinput .tag {background-color: #8cdbff2b;padding: 4px;color: #585858;border: 1px solid #41afe130;border-radius:50px;position:relative;padding-left:32px !important;line-height: 15px;margin: 2px;display: inline-block;}
.Composemaildescription .bootstrap-tagsinput .tag::after {background-color: #41afe14f;color: #3496c2;}
.Composemaildescription .bootstrap-tagsinput .tag::after {position: absolute;content: "\f007";font: normal normal normal 12px/1 FontAwesome;bottom: 0;height: 20px;width: 20px;z-index: 1;border-radius: 50px;left: 2px;top: 2px;padding-top: 4px;text-align: center;}

/*GROUP MAPPING*/
.configuration .search-field {height: 0px;width: 0px}
.configuration .chosen-choices::-webkit-scrollbar{width: 0px;height:0px;}
.configuration .chosen-choices::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #fff;}
.configuration .chosen-choices::-webkit-scrollbar-thumb{background-color: #ccc;border-radius: 2px;transition: all 0.4s ease 0s;}
.configuration .chosen-container-active .chosen-choices{box-shadow:none;border:1px solid #cccccc !important}
/*#emailcreation .contentdetails .row:nth-child(2) .col-md-3{width:20%}*/
#emailcreation .contentdetails .row:nth-child(3) .col-md-12 .getbtn{margin-top:0px}
/*#emailcreation .contentdetails .row:nth-child(3) .col-md-3{width:20%}*/
.configuration .contentdetails .cls_or{margin-top: 29px;width: 3% !important;text-align: center;margin-left: 0px;padding: 0px 5px !important;}
.configuration #tab6content .contentdetails .col-md-1 .btn_color1{margin-top:0px} 
#groupcreation #btnSubmitGroupMapping{margin-top:40px}
/*#groupcreation .sub_title{border-bottom:1px solid #e9e9ef;margin-bottom:20px}*/
#groupcreation .sub_title h4{color: #1655ae;font-size: 16px;font-weight: 600;}

/*FIELDSET*/
fieldset {margin-bottom: 20px;padding: 10px;border: 1px dashed #ced4da;border-radius:6px}
fieldset .form-group, fieldset .form-control{margin-bottom:0px !important}
legend {display: block;width: 48px;padding: 0;margin-bottom: 10px;font-size: 13px;line-height: inherit;color: #000;border: 0;padding: 1px 6px;height: 20px;border-radius: 2px;font-weight: 500;}
#myForm input[type="checkbox"], input[type="radio"] {margin: 10px 5px;}
.direct legend{width:98px}
#emailcreation .tags{margin-top:10px}

/*AUTOCOMPLETE*/
.ui-autocomplete.ui-widget {position: absolute;top: 0;left: 0;cursor: default;height: 100px;width: 50px;overflow: auto;font-family: Verdana,Arial,sans-serif;font-size: 12px;background: #fff;border: 1px solid #ddd;padding-left:0px}
.ui-autocomplete.ui-widget li{padding:6px 12px 4px 12px;transition:all 0.5s ease-in-out;cursor:pointer}
.ui-autocomplete.ui-widget li:hover{background-color:#1e529b}
.ui-autocomplete.ui-widget li:hover a{color:#fff}
.ui-autocomplete.ui-widget li a{color:#000;text-decoration:none}

/*BRANCH MAPPING*/
#emailcreation .cbk_rad_btn{height:70px}

/*HOLIDAY*/
.addholidaybtn{float:right;margin-right:16px;}
.addholidaybtn button{margin-top:0px}
.holiday_card{border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:20px}
.holiday_card h5{margin:0px;font-size:12px}
.holiday_card p{margin:0px}
.holiday_card .inner_card{padding:14px 20px 20px 20px}

.holiday_card .info_card{display: flex;justify-content: space-between;align-items: center;border-radius:10px;padding:10px 15px;margin-top:10px;cursor:pointer;position:relative;border:1px solid #ececec;}
.holiday_card .main_card{display:flex;justify-content:center;align-items:center}
.holiday_card .main_card .holiday_name{padding-left:15px}
.holiday_card .main_card .icon{width: 38px;height: 38px;border-radius: 8px;text-align: center;padding-top: 6px;font-size: 18px;}
.holiday_card .main_card .icon span{font-size: 15px;font-weight: 600;}

.holiday_card .holiday_name h5{font-size: 13px;color: #000;}
.holiday_card .holiday_name p{font-size: 11px;color: #70707e;}

.holiday_card .city_name p{padding-bottom: 4px;padding-top: 0px;font-size: 13px;color:#1e529b;font-weight:500;}
.holiday_card .info_card1, .holiday_card .info_card4,.holiday_card .info_card7{border-left:3px solid #b06000}
.holiday_card .info_card1 .icon, .holiday_card .info_card4 .icon, .holiday_card .info_card7 .icon{background-color: #f89a2938;color: #cd7307;}
.holiday_card .info_card1 .clr_date, .holiday_card .info_card4 .clr_date, .holiday_card .info_card7 .clr_date{color:#cd7307}

.holiday_card .info_card2, .holiday_card .info_card5, .holiday_card .info_card8{border-left:3px solid green}
.holiday_card .info_card2 .icon, .holiday_card .info_card5 .icon, .holiday_card .info_card8 .icon{background-color: #00681930;color: #006819;}
.holiday_card .info_card2 .clr_date, .holiday_card .info_card5 .clr_date, .holiday_card .info_card8 .clr_date{color:#006819}

.holiday_card .info_card3, .holiday_card .info_card6, .holiday_card .info_card9{border-left:3px solid red}
.holiday_card .info_card3 .icon, .holiday_card .info_card6 .icon, .holiday_card .info_card9 .icon{background-color: #c2000026;color: #c20000;}
.holiday_card .info_card3 .clr_date, .holiday_card .info_card6 .clr_date, .holiday_card .info_card9 .clr_date{color:#c20000}

.holiday_card h5 svg{margin-left:5px}
.holiday_card .clr_date{position:relative}
.holiday_card .clr_date::after{content: " ";position: absolute;width: 1px;height: 17px;background-color: #e0e0e0;top: -2px;right: 23px;}
.holiday_card .clr_date svg:nth-child(2){margin-left:30px;color:#aeb0b6;transition:all 0.4s ease-in-out}
.holiday_card .clr_date svg:nth-child(2):hover{transform:scale(1.2);color:#1e529b}

/*GROUP CREATION*/
.configuration select, .configuration input{background: #fff;font-weight: 500;float: left;margin-bottom:20px;height:38px;box-shadow:none;border-radius:6px}
.configuration .Grouptitle{padding: 8px 0px;}
#groupcreation #divGroupGridCreation .card{max-height: 61vh;overflow: auto;}
#groupcreation #divGroupGridCreation table{width: 100%;border: 1px solid #ddd;}
#groupcreation #divGroupGridCreation table thead{background: #667386;color: #fff;text-align: center;}
#groupcreation #divGroupGridCreation table tbody tr th{background: #667386;color: #fff;font-weight: 500;font-size: 13px;text-align: center;padding:10px 7px;position:sticky;top:0;}
#groupcreation #divGroupGridCreation table tbody tr td{padding:10px 5px;font-size:12px;border:1px solid #ddd;}
#groupcreation #divGroupGridCreation .card::-webkit-scrollbar {width: 2px;}
#groupcreation #divGroupGridCreation .card::-webkit-scrollbar-thumb {background: #888;}
#groupcreation #divGroupGridCreation .card::-webkit-scrollbar-thumb:hover {background: #555;}
#groupcreation #divGroupGridCreation .cls_or{margin-top: 29px;width: 3% !important;text-align: center;margin-left: 0px;padding: 0px 5px !important;}
#groupcreation legend{width:146px;}
#groupcreation #Hideforview .btn_color2{margin-left:10px;}
#groupcreation .Groupbtn{position: absolute;top: 10px;right: 10px;}
#groupcreation .acknowledgement label::before{top:-1px;margin-right:5px;}
#groupcreation .acknowledgement label{padding-left:0px;margin-left:0px;}
#groupcreation .group_btns{display:flex;justify-content:center;}
#groupcreation .group_btns .btn_color1{margin-right:10px;}

.configuration .Grouptitle{padding:0px;}
.titlediv.Assign_shift{margin-bottom:10px !important;}
.configuration .titlediv{background: #1e529b14;padding: 10px 8px;border-radius: 4px;margin-bottom: 15px;}
.configuration .titlediv h4{font-size:15px;}
.configuration .sub_title{background: #1e529b14;padding: 10px 8px;border-radius: 4px;margin-bottom: 25px;}
.configuration .sub_title h4{margin:0px;font-size:15px;}
.configuration #RoasterMapping .titlediv{padding:10px 8px;}
.configuration #RoasterMapping .roaster_title{padding:5px 8px;}
#groupcreation .Groupbtn{position: absolute;top: 18px;right: 22px;}

/*==========================================
           BRANCH CREATION SCREEN
============================================*/
#branchcreation{margin-top:20px}
#branchcreation .branchcontent {background-color: #fff;padding:0 15px 15px 15px;border-radius: 3px;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}
#branchcreation .contetn_wrap {float: left;width: 100%;}
#branchcreation .section1{display:block;}
#branchcreation .usertitle {color: #1655ae;font-size: 18px;margin-bottom: 0px;margin-top: 0px;}
#branchcreation .titlediv{display:flex;justify-content:space-between;align-items:center;padding:5px 0px}
#branchcreation input {background: #fff !important;color: #000;letter-spacing: 0px;font-weight: 500;float: left;width: 100%;margin-bottom:10px;}
#branchcreation .contentsinfo{margin-bottom:20px;}
#branchcreation .branchbtn .btn:focus{outline:0;}
#branchcreation .branchbtn .btn{background-color: #f89a29;padding:5px 20px;}
#branchcreation .btnfooter{text-align:center;}
#branchcreation .btnfooter .btn{padding:5px 30px}
#branchcreation .btnfooter .btn:focus{outline:0;color:#fff;}
#branchcreation .btnfooter .btn:hover{color:#fff;}
#branchcreation .btnfooter .editbtn:active,.deletebtn:active{    background-image: linear-gradient(96deg, #1655ae, #1655ae);}
#branchcreation .editbtn {background-image: linear-gradient(96deg, #1655ae, #1655ae);color: #fff;}
#branchcreation .newbtn {background-color: #f89a29;color:#fff;}
#branchcreation .deletebtn {background-image: linear-gradient(96deg, #1655ae, #1655ae);color: #fff;}
#branchcreation #branchviewtable .branchviewtable{background-color:#fff;}
#branchcreation #branchviewtable .branchviewtable th, #branchcreation #branchviewtable .branchviewtable  td{text-align:center;}
#branchcreation #branchviewtable .branchviewtable table {border: 1px solid #ebe6e6;}
#branchcreation .branchcontent hr{margin-top:0;}
#branchcreation .branchbtn .btn:focus{outline:0;}
#branchcreation .branchbtn .btn{background-color: #f89a29;padding:5px 20px;}

/*==========================================
             PROFILE LOGO COLORS
============================================*/
.bg_red{background-color: #ff000017;border: 1px solid red;color: red !important;}
.bg_green{background-color: #0080001a;border: 1px solid green;color: green!important;}
.bg_blue{background-color: #1e529b17;border: 1px solid #1e529b47;color: #1e529b!important;}
.bg_yellow{background-color: #ff92001c;border: 1px solid #ff9200;color: #ff9200!important;}
.bg_purple{background-color: #8000801c;border: 1px solid purple;color: purple !important;}
.bg_orange{background-color: #ff64001c;border: 1px solid #ff6400;color: #ff6400!important;}

/*==========================================
               STATUS DROPDOWN
============================================*/
.mailboxbody .status_drp {position: relative;display: block;border: 1px solid #c1c5cb;padding: 2px 0px;border-radius: 4px;background: #fff;}
.mailboxbody .status_drp button {display: flex !important;align-items: center;display: block;gap: 10px;padding: 0 5px;width: 100%;border-radius: 3px;color: #7d91ad;background: transparent;border: 0;cursor: pointer;font-size: 11px;font-family: "Cambria";justify-content:space-between}
.mailboxbody .status_drp > button {position: relative;transition: 0.3s;font-weight: 500;}
.mailboxbody .status_drp button #dropdown-icon {margin-left: auto;}
.mailboxbody .dropdown__menu-labels {position: absolute;overflow: hidden;z-index: 1;top: 27px;left: 0;width: 158px;opacity: 0;visibility: hidden;border-radius: 4px;border-top: 0;translate: 0 -20px;transition: 0.4s;background-color: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.mailboxbody .dropdown__menu-labels button {width: 100%;height: 32px;border-radius: 0;text-align:left;border:none !important;transition:all 0.5s ease-in-out;padding-left:10px}
.mailboxbody .dropdown__menu-labels button:hover {background: #ebf2fb;color: #515151;}
.mailboxbody .status_drp.open .dropdown__menu-labels {opacity: 1;translate: 0;visibility: visible;z-index:1000;}
.mailboxbody .status_drp > button span:nth-child(2){font-size:11px;position:relative;right:4px}
.mailboxbody .status_drp.open .dropdown__menu-labels button span svg{padding-right:4px}
.mailboxbody .status_drp.open .dropdown__menu-labels button span svg.text-purple{color:purple}
.mailboxbody .status_drp > button .material-symbols-outlined{font-size:10px;}
.mailboxbody .status_drp > button .material-symbols-outlined svg{padding-right:4px;color:#2b78e4}
  
/*MAILBOX CC,VIEW,CHILD*/
.mailboxbody .mailbox-name .mailbox-cc{padding: 2px 5px;border-radius: 4px;color: #037f38;border: 1px solid #037f38;background-color: #fff;font-size: 10px;font-weight: 500;margin-left:5px;transition: all 0.2s ease-in-out;cursor: pointer;vertical-align: middle;}
.mailboxbody .mailbox-name .mailbox-cc:hover{background-color:#037f38;border:1px solid #037f38;color:#fff}
.mailboxbody .mailbox-name .mailbox_tags{float:right;margin-right:10px;}
.mailboxbody .mailbox-name .mailbox-child{background-color: transparent;border: 1px solid #ffaebf;color: #df1c45;}
.mailboxbody .mailbox-name .mailbox-child:hover{background-color:#df1c45;border:1px solid #df1c45;color:#fff}
.mailboxbody .mailbox-name .mailbox-Vw{background-color: transparent;border: 1px solid #1e529b;color: #1e529b;}
.mailboxbody .mailbox-name .mailbox-Vw:hover{background-color: #3c69b1;border: 1px solid #3c69b1;}
.mailboxbody .mailbox-name .mailbox-Tags{background-color: transparent;border: 1px solid #ff84006b;color: #ff8400d6;}
.mailboxbody .mailbox-name .mailbox-Tags:hover{background-color: #ff8400;border: 1px solid #ff84001a;color: #fff;}
.mailboxbody .mailbox-name .mailbox-assigned{border: 1px solid #00b4ff;color: #00b4ff;}
.mailboxbody .mailbox-name .mailbox-assigned:hover{background-color: #00b4ff;border: 1px solid #00b4ff1a;color: #fff;}
.mailboxbody .mailbox-name .mailbox-cc svg{padding-left: 6px;font-size: 10px;}
.mailboxbody .mailbox-name .mailbox-advertisement {/*display: none;*/background-color: #1E529B;padding: 1px 8px 1px 8px;border: none;font-weight: 400;border-radius: 4px;color: #fff;cursor: pointer;margin-bottom: 6px;margin-right: 5px;font-size: 10px;}

.mailboxbody .mailbox-name .mailbox-delete{display:none;background-color: #ffdcdc;padding:3px;border: none;border-radius: 3px;cursor: pointer;margin:0 0 3px 5px;width: 25px;height: 25px;}
.mailboxbody .mailbox-name .mailbox-delete svg{color: #9b1e1e;font-size: 14px;transition:all 0.3s ease-in-out;}
.mailboxbody .mailbox-name .mailbox-pin{border: none;background: transparent;margin-right:3px;cursor:pointer;}
.mailboxbody .mailbox-name .mailbox-pin svg{color: #7e829c;font-size: 14px;transition:all 0.3s ease-in-out;}
.mailboxbody .mailbox-name .mailbox-pin:hover svg{color:#1e529b;transform:scale(1.4)}
.mailboxbody .mailbox-name .mailbox_pin{display:none;background-color: #dce9ff;padding:3px;border: none;border-radius: 3px;cursor: pointer;margin:0 0 3px 5px;width: 25px;height: 25px;}
.mailboxbody .mailbox-name .mailbox_pin.active, .mailboxbody .mailbox-name .mailbox_pin:hover{background:#4754ad;color:#fff;}
.mailboxbody .mailbox-name .mailbox_pin svg{color: #4754ad;font-size: 14px;transition:all 0.3s ease-in-out;}
.mailboxbody .mailbox-name .mailbox_pin:hover svg, .mailboxbody .mailbox-name .mailbox_pin.active svg{color:#fff;}
.mailboxbody .mailbox-name .mailbox-delete:hover svg{color:#c33535;}
.mailboxbody .mailbox-name .mailbox_link{border: none;background: transparent;cursor:pointer;}
.mailboxbody .mailbox-name .mailbox_link a svg{color:#7e829c;font-size: 14px;transition:all 0.3s ease-in-out;}
.mailboxbody .mailbox-name .mailbox_link:hover a svg{color:#1e529b;transform:scale(1.4)}

/*==========================================
                CHILD TOGGLE 
============================================*/
.compose_cnt #Child, .compose_cnt #Update_status{padding:20px 15px}
.compose_cnt #Child input::placeholder, .compose_cnt #Update_status input::placeholder{font-size:13px}
.compose_cnt #Child .child_heading{border-bottom:1px solid #e3e3e3}
.compose_cnt #Child .child_heading h4{font-size:15px;color: #1e529b;font-weight: 600;position:relative;}
.compose_cnt #Child .child_heading h4::before{content: " ";position: absolute;left: -16px;top: -2px;width: 3px;height: 18px;background-color: #1e529b;}
.compose_cnt #Child .row div>label span{line-height:1px;}
.compose_cnt #Child .btn_color2{margin-left:5px}

/*==========================================
                UPDATE STATUS
============================================*/
#mailbox .inboxcol_collapse_cnt.in#UpdateStatustoggle{width:225px;height:calc(100vh - 110px) !important;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 4px 0px}
#mailbox .inboxcol_collapse_cnt#UpdateStatustoggle{top:59px;right:0;border-right:none}
#mailbox .inboxcol_collapse_cnt#UpdateStatustoggle .compose_toggle{background-color: #f8f9fd;}
#mailbox #Update_status .form-control{position: relative;display: block;border: 1px solid #1e529b14;padding: 4px 6px;border-radius: 4px;background: #1e529b08;height: 30px !important;font-size:12px}
#mailbox #Update_status .form-control::placeholder{font-size:12px !important}
#mailbox #UpdateStatustoggle .compose_toggle .clps_header{font-size:15px}
#mailbox #Update_status label{font-size:12px}
#mailbox #Update_status button{margin-top:0px;height:30px}
.Previous_quote_container {float: left;width: 100%;}

/*================================================
                    PROFILE
==================================================*/
#Profile hr{border:none;margin-bottom:5px}
#Profile .profile .titlediv {display: flex;justify-content: space-between;align-items: center;padding: 10px 0px;}
#Profile .profile .usertitle {color: #1655ae;font-size: 18px;margin-bottom: 0px;margin-top: 0px;}
#Profile .profile .usercontent hr {margin-top: 0;}
#Profile .contentdetails textarea{margin-left: 360px;height: 331px;width: 661px;}
#Profile .ck-editor__top .ck-toolbar{background-color:#f2f2f2}
#Profile .profile_info img{width: 100%;border-radius: 50%;height: 100%;border:2px solid #fff}
#Profile .profile_info {width: 100px;height: 100px;position: absolute;top: 85px;left: 30px;}
#Profile .card{background-color: #fff;position:relative;}
#Profile .card  label{font-size: 12px;color: #9c9fab !important;font-weight: 500;}
#Profile .card .profile_title{background: #cde1ff42;padding: 1px 15px;margin: 22px 0 20px 0;border-radius: 8px;position:relative}
#Profile .card .map_head{margin-top:0px !important;}
#Profile .card .profile_title::before{content: " ";position: absolute;left: 0;top: 6px;width: 4px;height: 25px;background-color: #1e529b;}
#Profile .card .sign_head{margin-top:20px}
#Profile .card .profile_bg{width: 100%;height: 134px;position: absolute;top: 0;left: 0;}
#Profile .card .profile_bg img{border-radius:5px 5px 0 0;width:100%;height:140px}
#Profile .card .Profile_content{padding-top: 180px;padding-left: 20px;position:relative}
#Profile .card .Profile_content h5{margin-bottom:1px}
#Profile .card .Profile_content .Prof_details span:nth-child(1){font-size: 9px;background: #f89a2912;padding: 1px 10px;border-radius: 3px;font-weight: 700;border: 1px solid #f89a29;color: #f89a29;transition:all 0.5s ease-in-out;cursor:pointer}
#Profile .card .Profile_content .Prof_details span:nth-child(1):hover{background-color:#f89a29;color:#fff}
#Profile .card .Profile_content .Prof_details .location{color: #9499a4;font-size: 12px;padding-top: 8px;}
#Profile .card .Profile_content .profile_btn{position: absolute;right: 10px;bottom: 20px;}
#Profile .card .Profile_content .profile_btn button{border: none;width: 162px;height: 40px;border-radius: 4px;background: #1e529b;color: #ffff;font-size:12px;transition:all 0.5s ease-in-out;border:1px solid #1e529b}
#Profile .card .Profile_content .profile_btn button:hover{background-color:transparent;color:#1e529b;}
#Profile .card .Profile_content .Prof_details .location span{padding-left:8px}
#Profile .card .form-control{height:34px !important}
#Profile .card .form-group{font-size:12px}

#Profile .card .map1{background: #1e529b1c;color: #1e529b !important;}
#Profile .card .map1 label{color: #1e529b !important;margin-bottom:4px;}
#Profile .card .mappings_cnt {border-radius: 3px;padding: 3px 10px;font-size: 11px;width: 100%;height: auto;text-align: center;}

#Profile .card .map2{background: #df1c4512;color: #df1c45!important;}
#Profile .card .map2 label{color: #df1c45!important;margin-bottom:4px;}
#Profile .card .mappings_cnt {border-radius: 3px;padding: 3px 10px;font-size: 11px;width: 100%;height: auto;text-align: center;}

#Profile .card .map3{background: #5dcd6236;color: #00b108 !important;}
#Profile .card .map3 label{color: #00b108 !important;margin-bottom:4px;}
#Profile .card .mappings_cnt {border-radius: 3px;padding: 3px 10px;font-size: 11px;width: 100%;height: auto;text-align: center;}

#Profile .card .signature_edit{padding-top:20px}
#Profile .card .signature_edit span{width: 25px;height: 25px;font-size: 12px;display: inline-block;text-align: center;padding-top: 4px;border-radius: 2px;border-radius: 50px;margin: 0 2px;cursor:pointer;transition:all 0.5s ease-in-out}
#Profile .card .signature_edit span:nth-child(1){background: #1e529b24;color: #1e529b;}
#Profile .card .signature_edit span:nth-child(1):hover{background: #1e529b;color: #fff;}
#Profile .card .signature_edit span:nth-child(2){background: #f89a292e;color: #f89a29;}
#Profile .card .signature_edit span:nth-child(2):hover{background: #f89a29;color: #fff;}
#Profile .card .profile_bg label{width: 23px;height: 23px;display: inline-block;background: white;border-radius: 50px;font-size: 11px;text-align: center;position: relative;left: 106px;z-index: 10;border: 1px solid #ddd;top: 8px;padding-top: 3px;transition: all 0.5s ease-in-out;cursor: pointer;}
#Profile .card .profile_bg label:hover{background-color:#df1c45;color:#fff}
#Profile .card .profile_bg .profile_overlay{width: 100%;height: 140px;background-color: #00000054;position: absolute;left: 0;top: 0;border-radius:10px 10px 0 0 }
#Profile .ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break), #Profile .ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown{font-size:10px}
#Profile .profile_upload .drag-file-area{height:178px;padding-top:50px}
#Profile .profile_upload .drag-file-area .upload-icon{font-size:15px}
#Profile .profile_upload .browse-files span {position: relative;top: -15px;left:0px;font-size:10px}
#Profile .usercontent .right_cnt .card{overflow: auto;height: calc(74vh + 3px);}

#Profile .card #divGroupname label, #Profile .card #lblroastername label, #Profile .card #lblholidayname label{font-size: 13px;color: #484848 !important;width: 100%;padding-bottom: 5px;}
.mapping_gm, .mapping_rm, .mapping_hm{color:#1e529b;padding: 15px;border-radius:10px;border: 1px dashed #cee1ff;}
.mapping_gm h5, .mapping_rm h5, .mapping_hm h5{padding: 5px 8px;margin-top: 0;background-color: #ebf3ff;border-radius: 6px;}

#Mappingbinder .form-group > label{}

/*SIGNATURE*/
#Profile .signature .row .col-lg-12{float:left}
#Profile .signature .text-left{text-align:left}
#Profile .signature .row .col-lg-6.text-left .btn_color2{margin-left:8px}
#Profile .signature .row figure{width:100%}
#Profile .signature .row figure img{height:220px;width:100%}
#Profile .signature .sign_card{/*border: 1px solid #ced4da;padding: 15px 15px 10px 15px;*/}
#Profile .signature .sign_card .form-group.text-left button{margin-top:17px;}
#Profile .signature .Signature_cnt{border: 1px solid #ced4da;padding: 15px 15px 10px 15px;margin-top: 20px;}
#Profile .signature button{height:34px;}
#Profile .signature .panel-heading {background-color: #f2f2f2 !important;}
#Profile .signature .note-editor{border: 1px solid #ebebeb!important;}

/*================================================
                   SLA POLICY
==================================================*/
/*#sla_policy{margin: 0;}*/
#sla_policy .card .card-header img{width: 103px;}
#slapolicy .slapolicy .cmn_content hr{margin-top:0px}
#slapolicy .slapolicy .titlediv{padding:10px 0px}
#slapolicy .table_head{background:#667386;padding:6px}
#slapolicy .table_head label{color:#fff !important;font-size:12px;font-weight:400}
#slapolicy .card_body{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin:5px 0px;padding:8px 0px;transition:all 0.5s ease-in-out;cursor:pointer;border-bottom:2px solid transparent}
#slapolicy .card_body p{font-size:12px;margin-bottom:0px;padding-top:8px}
#slapolicy .sla_policy_cnt{margin-top:15px}
#slapolicy .card_body input, .card_body select{height:30px !important;padding:5px;}
#slapolicy .pad_right{padding-right:0px}
#slapolicy .pad_right input{border-radius:3px 0 0 3px}
#slapolicy .pad_left{padding-left:0px}
#slapolicy .pad_left select, .pad_left input{border-radius:0 3px 3px 0px;border-left:none !important}
#slapolicy .card_body .col-lg-3, .card_body .col-lg-2{text-align:center}
#slapolicy .card_body:hover{border-bottom:2px solid #1e529b }
#slapolicy .cmn_content .card{margin-top: 10px;border-radius: 10px;}
#slapolicy .slapolicy .card .inner_card{float: left;width: 100%;border: 1px solid #ddd;background-color:#eaeaea;padding:15px 0px;border-radius:3px;margin-bottom:10px;}
#slapolicy .slapolicy .card .inner_card input, select, textarea{border:1px solid #ced4da;outline:none;width:100%;padding:5px}
#slapolicy .slapolicy .card .inner_card .RP_Format{border-radius:3px 0 0 3px}
#slapolicy .slapolicy .card .inner_card .RP_Type{border-radius:0 3px 3px 0}
#slapolicy .slapolicy .card p{padding-left:15px;padding-top:10px}
#slapolicy .escalate input{width: 32px !important;border-radius: 50px;height: 32px !important;background: #1e529b;padding:0px;color: #fff !important;margin-left:10px;}
#slapolicy .escalate{padding-top:5px}
#slapolicy .RS_Type{width:100%}
#slapolicy .cmn_content .card .btn-color1{background-color:green}
#slapolicy .due_time{display: flex;justify-content: center;}

#slapolicy .slapolicy .cmn_content::-webkit-scrollbar {width: 3px;}
#slapolicy .slapolicy .cmn_content::-webkit-scrollbar-thumb {background: #888;}
#slapolicy .slapolicy .cmn_content::-webkit-scrollbar-thumb:hover {background: #555;}

/*================================================
                   NOTIFICATION
==================================================*/
#notification .titlediv {padding: 10px 0px;}
#notification .add_btn{width:55px}
#notification .add_btn input{color: #fff !important;border-radius: 50px;width: 36px;height: 36px !important;background: green !important;}
#notification .btn_color2{margin-left:10px}
#notification .ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break), .ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown{font-size:10px}
#notification .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{background-color:#0a1e3b0a}
#notification .notify_card{border: 1px solid #b7cae5;padding: 12px 15px;border-radius: 6px;background-color:#f9f8ff /*#f3f8ff*/;margin-bottom:15px;}
#notification #Notifi_fetch{margin-top:15px}
#notification #Notifi_fetch .row{margin-bottom:10px}

#notification #divInnerContentAcknowledgement > .notify_card, #notification #Inner_Content_Notification > .notify_card, #notification #Inner_Content_Canned_Form > .notify_card{background-color:#fff;}

#notification .cmn_content::-webkit-scrollbar {width: 3px;}
#notification .cmn_content::-webkit-scrollbar-thumb {background: #888;}
#notification .cmn_content::-webkit-scrollbar-thumb:hover {background: #555;}

#notification .hint_card{padding: 10px;border: 1px dashed #93a3bb;max-height: 340px;}
#notification .hint_card table{margin-bottom:0;}
#notification .hint_card table thead tr th{}
#notification .hint_card table thead tr th:first-of-type,#notification .hint_card table tbody tr td:first-of-type{border-radius:4px 0 0 4px;}
#notification .hint_card table thead tr th:last-of-type ,#notification .hint_card table tbody tr td:last-of-type {border-radius:0 4px 4px 0 ;}
#notification .hint_card table tbody tr:nth-child(even){background-color:transparent;}
#notification .hint_card table tbody tr:hover{background-color:#e4efff;}
#notification .hint_card table tbody tr td{padding: 10px 8px;}
#notification .hint_card table tbody tr td div{display:flex;justify-content:space-between;}
#notification .hint_card table tbody tr td svg {color:#6b737e;}
#notification .hint_card table tbody tr td svg:hover{cursor:pointer;}
#notification  #divInnerContentAcknowledgement .notify_card .row .col-lg-2.col-xs-2{width:100%;flex:none;margin-bottom:10px;}
#notification  #divInnerContentAcknowledgement .notify_card .row:first-child .col-lg-2.col-xs-2 label{display:none;}
/*#notification #divInnerContentAcknowledgement .notify_card .row:first-child  .col-lg-4.col-xl-4 label{display:none;}*/
#notification #divInnerContentAcknowledgement .notify_card .row:first-child  .col-lg-4.col-xl-4 {width:78%;flex:none;margin-bottom:10px;}
#notification #divInnerContentAcknowledgement .notify_card .row:first-child  .col-xs-1.add_btn{width:22%;flex:none;}
#notification #divInnerContentAcknowledgement .notify_card .row:first-child  .col-xs-1.add_btn .btn_color1{margin-right:5px;}
#notification .notify_card .note-editor {border: 1px solid #d7d7d7!important;box-shadow: none;}
#notification .notify_card   .panel-heading {background-color: #f2f2f2 !important;}
#notification .aft_btn{width:20%;display:flex;justify-content:center;}
/*#Inner_Content_Canned_Form .notify_card:first-child{background-color:#F8f9ff  !important;}*/
/*#notification  #Inner_Content_Canned_Form .notify_card{background:#f3f8ff !important ;}*/
#notification #Inner_Content_Notification .Inner_class_Notifi .col-xs-4.data_content{width:50%;flex:none}
#notification  #Inner_Content_Canned_Form .notify_card#divNotifi_fetch3 .col-lg-4{width:46%;flex:none;}
#notification   .notify_card#divNotifiFetch2 .col-sm-4.col-md-4{width:46%;flex:none;}
#Inner_Content_Canned_Form .notify_card .row.Inner_class_Canned .col-lg-4.data_content{width:46%;flex:none;}
#Inner_Content_Canned_Form .notify_card .row{margin-bottom:20px;}
.notify_card .row{margin-bottom:20px;}
/*TOGGLE*/
.slapolicy .toggler {width: 100%;}
.slapolicy .toggler input {display: none;}
.slapolicy .toggler label {display: block;position: relative;width: 52px;height: 25px;border: 1px solid #d1d2d469;border-radius: 36px;background: #d1d2d469;cursor: pointer;}
.slapolicy .toggler label::after {display: block;border-radius: 100%;background-color: #d7062a;content: '';animation-name: toggler-size;animation-duration: 0.15s;animation-timing-function: ease-out;animation-direction: forwards;animation-iteration-count: 1;animation-play-state: running;}
.slapolicy .toggler label::after, .toggler label .toggler-on, .toggler label .toggler-off {position: absolute;top: 50%;left: 24%;width: 19px;height: 19px;transform: translateY(-50%) translateX(-50%);transition: left 0.15s ease-in-out, background-color 0.2s ease-out, width 0.15s ease-in-out, height 0.15s ease-in-out, opacity 0.15s ease-in-out;}
.slapolicy .toggler input:checked + label::after, .toggler input:checked + label .toggler-on, .toggler input:checked + label .toggler-off {left: 75%;}
.slapolicy .toggler input:checked + label::after {background-color: #50ac5d;animation-name: toggler-size2;}
.slapolicy .toggler .toggler-on, .toggler .toggler-off {opacity: 1;z-index: 2;}
.slapolicy .toggler input:checked + label .toggler-off, .toggler input:not(:checked) + label .toggler-on {width: 0;height: 0;opacity: 0;}
.slapolicy .toggler .path {fill: none;stroke: #fefefe;stroke-width: 7px;stroke-linecap: round;stroke-miterlimit: 10;}
.slapolicy .child_heading h4{margin: 0px;font-size: 16px;color: #1e529b;}
@keyframes toggler-size {0%, 100% {width: 26px;height: 26px;}50% {width: 20px;height: 20px;}}
@keyframes toggler-size2 {0%, 100% {width: 26px;height: 26px;}50% {width: 20px;height: 20px;}}
.slapolicy .toggler input[type=checkbox] + label:before{display:none}
.slapolicy .toggler input[type=checkbox] + label{display: block;margin: 0.2em;cursor: pointer;padding: 0.2em;margin-right: 0px;padding-right: 0px;text-align: center;left: 50%;top: 50%;transform: translate(-50%, 0%);}

/*================================================
                  STATUS SCREEN   
==================================================*/
#status .card .card-body .form-control{box-shadow: none;outline: none;}
#status .card .card-body .cls_inpt_add{padding-right:0px}
#status .card .card-body .container{width:100% !important;margin-left:0px !important}
#status .card .card-body .container .table-responsive{height: 131px;overflow: auto;display: block;margin-top:20px;border:1px solid #e5edf5}
#status .card .card-body .container .table{margin-bottom:0px}
#status .card .card-body .container .table thead{background-color:#667386;position:sticky;top:0}
#status .card .card-body .container .table thead tr th{color: #fff;text-align: center;font-weight: 400;font-size: 13px;}
#status .card .card-body .container .table tbody tr p b{font-weight:500 !important}
#status .card .card-body .container .table tbody tr td{border:1px solid #e5edf5;padding:6px;color:#6e7985;vertical-align:middle;border-right:0px;border-left:0px;font-size:12px}
#status .card .card-body .container .table tbody tr td p{margin-bottom:0px}
#status .card .card-body .container .table-responsive::-webkit-scrollbar {width: 5px;}
#status .card .card-body .container .table-responsive::-webkit-scrollbar-thumb {background: #888;border-radius:50px}
#status .card .card-body .container .table-responsive::-webkit-scrollbar-thumb:hover {background: #555;}

/*================================================
                 W2UI GRID TABLE
==================================================*/
body .w2ui-grid {border-radius: 10px;margin-top: 10px;}
body .w2ui-grid .w2ui-grid-toolbar {background-color: #fdfdfd;}
body .w2ui-grid .w2ui-toolbar-search input[type="text"] {padding-top: 6px !important;font-size: 13px !important;font-weight: 500 !important;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head {background: #667386 !important;color: #fff !important;padding: 0 !important;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data {padding: 0;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div button{background: #ffffff00;color: #1e529b;border: 1px solid #1e529b !important;font-weight: 500;transition:all 0.5s ease-in-out;cursor:pointer}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div button:hover{background:#1e529b;color:#fff}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div {font-size: 12px;font-weight: 500;}
body .w2ui-reset table tr th, .w2ui-reset table tr td {font-size: 13px;font-weight: 500;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head > div {font-size: 12px;font-weight: 400;color: #fff;padding: 10px 3px;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head > div.w2ui-col-header.w2ui-col-selected{background-color: #1e529b !important;color: #fff;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div a {padding: 12px 15px;font-size: 12px;font-weight: 500;color: #1e529b !important;border-radius: 50%;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd, body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd {height: 35px !important;background-color: #f9f9f9;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even, body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even{background:#ecf0f6}
#grid_RoasterDetails_records::-webkit-scrollbar {width: 5px;height:5px}
#grid_RoasterDetails_records::-webkit-scrollbar-thumb {background: #888;border-radius: 50px;}
#grid_RoasterDetails_records::-webkit-scrollbar-thumb:hover {background: #555;}

/*================================================
                INBOX SHRINK DESIGN
==================================================*/
#mailbox .inbox_cls .from{/*position:relative;padding-top:10px;margin-top:2px;padding-bottom:0px !important;*/}
#mailbox .inbox_cls .mailbox-name .fromimg{display:none;}
#mailbox .inbox_cls .mailbox-name .mailbox-status:nth-child(3){width:148px}
#mailbox .inbox_cls .mailbox-name .mailbox-status:nth-child(5), .inbox_cls .mailbox-name .mailbox-status:nth-child(6){margin-left:10px;width:25%}
#mailbox .inbox_cls .mailbox-attachment {top: -65px;position: absolute;}
#mailbox .inbox_cls .fromimg .cbk_box{margin:0px;position:relative;top:8px}
#mailbox .inbox_cls .mailbox-subject .subjt_txt{font-size:11px;cursor:pointer;}
#mailbox .inbox_cls .mailboxbody .status_drp > button .material-symbols-outlined{font-size:10px}
#mailbox .inbox_cls .mailboxbody .status_drp{padding:2px 0px}
#mailbox .inbox_cls .mailboxbody .dropdown__menu-labels{top:22px}
#mailbox .inbox_cls input[type=checkbox] + label:before{top:0px}
#mailbox .inbox_cls .mailboxbody .dropdown__menu-labels{width:150px}
#mailbox .inbox_cls .mailbox-name span:nth-child(5){width:130px !important;padding-left:0px}
#mailbox .inbox_cls .mailbox-name span:nth-child(4){max-width:156px !important;padding-left:0px;}
#mailbox .inbox_cls .mailboxbody .mailbox-subject .label{position: absolute;top: 5px;padding: 1px 5px;}

#mailbox .inbox_cls .mailbox-name .mailbox-Tags{margin-left:5px !important}
#mailbox .inbox_cls .mailbox-delete{position: static;bottom: -5px;right: 10px;background: none;padding: 2px 6px;}
/*#mailbox .inbox_cls .mailbox-view, #mailbox .inbox_cls .mailbox-Vw{margin-left:5px}*/
#mailbox .inbox_cls .Mail_overdues{position:unset;top:unset;height:unset;display:block}
#mailbox .inbox_cls .mailbox-name .mailbox-pin{bottom: 3px;}

#mailbox .inbox_cls .mailbox-name{flex-direction: column;}
#mailbox .inbox_cls .mail_content{width:100%;}
#mailbox .inbox_cls .mail_content .mail_nme_sub .mail_nme{width:100%;}
#mailbox .inbox_cls .mail_content .mailbox-subject{}
#mailbox .inbox_cls .mail_content .mailbox-status{}
#mailbox .inbox_cls .mail_tag{display: flex;justify-content: end;align-items: center;padding:8px;}
#mailbox .inbox_cls .mailboxbody .mailbox-name .mailbox_tags {top: -40px;margin: 0;position: absolute;}
/*#mailbox .inbox_cls .mailboxbody .mail_tag .mail_link{position:static;float:right;bottom: 2px;}*/
#mailbox .inbox_cls .mailboxbody .mail_tag .mail_link {
    /*position: static;*/
    float: right;
    bottom: 2px;
    position: absolute;
    display:flex;
}

/*TAT Rport*/
.TATReport .card .card-body .tab_edit{max-height: 400px;overflow: auto;display: block;}
.TATReport .card .card-body .table-responsive{border:1px solid #e5edf5}
.TATReport .card .card-body .table{margin-bottom:0px}
.TATReport .card .card-body .table thead{background-color:#667386;position:sticky;top:0}
.TATReport .card .card-body .table thead tr th{color: #fff;text-align: center;font-weight: 400;font-size: 13px;}
.TATReport .card .card-body .table tbody tr p b{font-weight:500 !important}
.TATReport .card .card-body .table tbody tr td{border:1px solid #e5edf5;padding:6px;color:#6e7985;vertical-align:middle;border-right:0px;border-left:0px;font-size:12px}
.TATReport .card .card-body .tab_edit::-webkit-scrollbar {width: 5px;}
.TATReport .card .card-body .tab_edit::-webkit-scrollbar-thumb {background: #888;border-radius:50px}
.TATReport .card .card-body .tab_edit::-webkit-scrollbar-thumb:hover {background: #555;}

/*================================================
                     EDITOR
==================================================*/
.rte_command_cut, .rte_command_insertorderedlist, .rte_command_insertunorderedlist, .rte_command_outdent, .rte_command_indent, .rte_command_insertblockquote, .rte_command_fontname, .rte_command_fontsize, .rte_command_inlinestyle, .rte_command_lineheight, .rte_command_removeformat, .rte_command_cut, .rte_command_copy, .rte_command_paste, .rte_command_delete, .rte_command_find, .rte_command_insertlink, .rte_command_insertchars, .rte_command_inserttable, .rte_command_insertvideo, .rte_command_insertdocument, .rte_command_inserttemplate, .rte_command_insertcode, .rte_command_toggleborder, .rte_command_fullscreenenter, .rte_command_undo, .rte_command_toggleborder, .rte_command_togglemore, .rte_command_paragraphs, .rte-fixed, .rte_command_preview, .rte_command_code, .rte_command_selectall {  display: none;}
#div_editor1{border:none;min-width:100%}

/*EDITOR OVERLAY*/
#div_editor1 rte-content{border-bottom:none}
rte-bottom{position:relative}
rte-bottom::after{content:" ";position:absolute;width:100%;left:0;height:100%;background-color:#fff;top:0}

/*EDITOR SEND BTN*/
#btnbinder .dropdown svg{margin-left:28px}
#btnbinder .dropdown button{position:relative}
#btnbinder .dropdown button::after{content: " ";width: 1px;height: 24px;background-color: #1e529b;position: absolute;right: 33px;top: 5px;}
/*#btnbinder .dropdown .dropdown-menu{top:26px;left:5px;padding:0px}*/
#btnbinder .dropdown .dropdown-menu {top: -90px;left: -1px;padding: 0px;}
#btnbinder .dropdown .dropdown-menu li a{font-size:13px !important;transition:all 0.5s ease-in-out;padding:4px 8px;border-radius:4px;}
#btnbinder .dropdown .dropdown-menu li a:hover{background-color:#1e529b !important;color:#fff;border:none;}

/*CC / BCC*/
#mailbox .rplycnt_reply .cc_bcc_cnt .replay_all span {border: 1px solid #bdbdbd;width: 45px;height: 30px;display: inline-block;border-radius: 3px;text-align: center;padding-top: 1px;transition: all 0.5s ease-in-out;cursor: pointer;font-size: 14px;padding-top: 3px;font-weight: 500;}


.replay_all {position: relative;}
.from_location {width: 25%;}
.from_location .fa-location-dot{color: blue;font-size: 13px;}
#mailbox .rplycnt_reply .cc_bcc_cnt .replay_all span:hover{background-color: #4076cb;box-shadow: 0 2px 6px 0 rgb(64 118 203);border: 1px solid #4076cb;color:#fff;}
#mailbox .rplycnt_reply .cc_bcc_cnt{float:right;margin-top:-5px}

/*REPLAY MAIL TAGS WITH ICON*/
.mail_rply_cnt .typemail .bootstrap-tagsinput input::placeholder{font-size:11px}
.mail_rply_cnt .typemail .bootstrap-tagsinput{width: 100%;border: none;border-bottom: 1px solid #ebebeb;border-radius: 0;box-shadow:none;padding:0px 5px;}
.mail_rply_cnt .typemail .bootstrap-tagsinput .tag{border-radius: 50px;font-size: 11px;position: relative;padding-left: 32px;height: 24px;display: inline-block;font-weight: 500;padding-top: 5px;top:6px;margin:2px 0px}
.mail_rply_cnt div .bootstrap-tagsinput .tag{background-color: #8cdbff2b;color: #585858;border: 1px solid #41afe130;}
.mail_rply_cnt div .bootstrap-tagsinput .tag::after{background-color: #41afe14f;color: #3496c2;}
.mail_rply_cnt .typemail .bootstrap-tagsinput .tag::after{position: absolute;content: "\f007";font: normal normal normal 12px/1 FontAwesome;bottom: 0;height: 20px;width: 20px;z-index: 1;border-radius: 50px;left: 2px;top: 1px;padding-top: 4px;text-align: center;}

/*FILE UPLOAD FORMAT*/
.file_upload_cnt .file_upd_cls{display:flex;align-items:center;background-color: #f4f6fa;width: 394px;padding: 7px 4px;border-radius: 4px;border: 1px solid #e5e5e5;margin: 8px;}
.file_upload_cnt .file_upd_cls .trash_icon{padding-left:20px}
.file_upload_cnt .file_upd_cls .trash_icon svg{cursor:pointer}
.file_upload_cnt span{position:relative;cursor:pointer;margin:0 7px}
.file_upload_cnt span svg{font-size:16px}
.file_upload_cnt span svg:nth-child(2){position: absolute;font-size: 7px;top: -5px;right: -3px;color: #000;}

.file_upload_cnt span.Attachmentcollection{width: 30px;height: 30px;text-align: center;display: inline-block;padding-top: 6px;color: #fff;border-radius: 4px;margin-right:8px;cursor:pointer}
.file_upload_cnt span.Attachmentcollectioncls {width: 30px;height: 30px;text-align: center;display: inline-block;padding-top: 6px;color: #fff;border-radius: 4px;margin-right: 8px;cursor: pointer}
.file_upload_cnt .cls_excel {background: linear-gradient(122deg, #00b700a3, #000000ed);}
.file_upload_cnt .cls_pdf{background: linear-gradient(122deg, #ff0000, #000000ed);}
.file_upload_cnt .cls_image{background: linear-gradient(122deg, #0093ff, #000000ed);}
.file_upload_cnt .cls_text{background: linear-gradient(122deg, #d7eeff, #000000ed);}
.file_upload_cnt .cls_zip{background: linear-gradient(122deg, #ffc700, #000000ed);}
.file_upload_cnt div p{margin:0;line-height:12px !important;font-size:11px}
.file_upload_cnt div p:nth-child(2){font-size:9px;padding-bottom:2px}

/*PROGRESS BAR*/    
.file_upload_cnt .progress {background-color: #d8d8d8;border-radius: 20px;position: relative;margin: 0;height: 4px;width: 300px;}
.file_upload_cnt .progress-done {box-shadow: 0 3px 3px -5px #F2709C, 0 2px 5px #F2709C;border-radius: 20px;color: #fff;display: flex;align-items: center;justify-content: center;height: 100%;width: 0;opacity: 0;transition: 1s ease 0.3s;font-size: 8px;}

.file_upload_cnt .excel_cls .progress-done{background: linear-gradient(122deg, #00b700a3, #000000ed);}
.file_upload_cnt .pdf_cls .progress-done{background: linear-gradient(122deg, #ff0000, #000000ed);}
.file_upload_cnt .img_cls .progress-done{background: linear-gradient(122deg, #0093ff, #000000ed);}
.file_upload_cnt .text_cls .progress-done{background: linear-gradient(122deg, #d7eeff, #000000ed);}
.file_upload_cnt .zip_cls .progress-done{background: linear-gradient(122deg, #ffc700, #000000ed);}


/*DELETE ICON*/
.file_upload_cnt .img_trash{color:#0669b2}
.file_upload_cnt .pdf_trash{color:#ae0606}
.file_upload_cnt .zip_trash{color:#b68f05}
.file_upload_cnt .exl_trash{color:#3f8c41}
.file_upload_cnt .txt_trash{color:#8997a2}

/*NOTE EDITOR*/
.note-editor{margin-bottom:0px;padding:0px;border:none !important;}
.note-editor .note-editing-area{height:270px;}
#ComposeEmail .Compose_mail .note-editor .note-editing-area{height:270px;}
.mail_rply_cnt#Replymail .note-editor .note-editing-area{height:35vh;}
.note-editor .panel-heading {background:none !important;border-bottom:1px solid #ebebeb;border-color:#ebebeb !important;}
.note-editor .note-statusbar{border-top:1px solid #ebebeb !important;}
.note-editor .btn-default{border-color:#e7e7e7;}
.note-editor .note-editable{min-height:234px;}
.note-editor .note-editable img{ width:100%;height:100%;}
.note-editor .note-editable img {width: 100%;height: 100%;}
.note-editor .note-modal{top:20px;}
.note-editor .note-modal .modal-dialog{padding:0px;}





/*Marketing/Promotional/Advertisement*/
.Mark_Promotionalad .titlediv {display: flex;align-items: center;justify-content: space-between;}
.Mark_Promotionalad .titlediv button {margin-top: 0px;}
.Mark_Promotionalad .Mark_Promotionalad_title {padding: 5px 8px;}
.Mark_Promotionalad table tr th {text-align: center;font-size: 12px;font-weight: 600;}
.Mark_Promotionalad  table tr th:first-child {border-top-left-radius: 0.5rem;}
.Mark_Promotionalad  table tr th {text-align: center;font-size: 14px;font-weight: 600;}
.Mark_Promotionalad  table tr th {padding: 16px 0px;border: none;background-color: #1E529B;color: #fff;}
.Mark_Promotionalad table tbody tr td:first-child {color: #1e529b;text-align: left;font-weight: 500;}
.Mark_Promotionalad table tbody tr td {border: none;padding: 22px 10px 11px 10px;font-size: 12px;color: #96969b;}
.Mark_Promotionalad table tbody tr td {font-size: 13px;color: #080808;border-top: 0 !important;}
 .Mark_Promotionalad #divmarketinggride table{width:100%;}
.Mark_Promotionalad .col-lg-10 .oneforms {width:20%;}
.Mark_Promotionalad .col-lg-10 .twoforms {width:35%;}
.Mark_Promotionalad .col-lg-2.col-md-2{width:15%;}
.Mark_Promotionalad .or{width:80%;}
.Mark_Promotionalad .col-lg-1.col-md-1.mr-3{width:15%;display:flex;justify-content:flex-end;}
.Mark_Promotionalad button{margin-top:0 !important;}
.Mark_Promotionalad  .form-control{margin-bottom:10px !important;}  

/*================================================
                  MAIL REPLAY
==================================================*/
.overvwmail .replay_fmt div{position:relative}
.overvwmail .replay_fmt div span{position:absolute;left:0;top:9px}
.overvwmail .replay_fmt div input {width: 100%;border: none;border-bottom: 1px solid #efefef;outline:none;padding:10px 10px 10px 40px;}
.overvwmail .replay_fmt div:nth-child(4) input{padding:10px 0px}
.overvwmail .replay_fmt_footer{background-color: #e9e9e9;width: 100%;height: 32px;border-radius: 0 0 3px 3px;}
.overvwmail .replay_fmt_footer span{float:right;position:unset !important;background: #4076cb;width: 30px;height: 24px;border-radius: 3px;color: #fff;padding-top: 5px;padding: 2px 7px;margin:4px 5px;cursor:pointer}
.overvwmail .replay_fmt .rply_fwd{margin-top:10px}
.overvwmail .replay_fmt .rply_fwd textarea{width: 100%;height: 72px;border: 1px solid #e9e9ef;outline:none;border-radius:3px 3px 0 0;padding:2px 5px}

/*================================================
                  FEEDBACK
==================================================*/
.feedback_container img {width: 25%;}
.feedback_btn{display:flex;justify-content:center}
.feedback pre {display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;background-color: #F5F5F5;border: 1px solid #CCC;border-radius: 4px;}
.feedback .header {position: relative;padding-top: 155px;padding-bottom: 12px;}
.feedback .header h2 {font-size: 24px;font-weight: 600;margin-bottom:0px;}
.feedback .header p {font-size: 14px;padding-top: 5px;color: #9393a4;}
.feedback_container{background-color: #fff;box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.05);padding: 10px 100px 40px 100px;border-radius:30px;position:relative;top:90px;width: 82%;margin: 0 auto;z-index:100;}
.feedback_container .feedback{position: absolute;top: 0;left: 0;border-radius: 30px;z-index: 0;height:100%}
.feedback_container .feedback img{width: 100%;height: 100%;border-radius: 30px;height:100%}
.feedback_container .rateus_img{position: absolute;transform: translate(-50%, -50%);left: 50%;top:10%;background:linear-gradient(97deg, #006390, #b6d4ff);border-radius: 50%;padding: 20px;box-shadow: 0 0 20px 3px #41afe154;animation:feedback_img 3s linear infinite alternate}
.feedback_container .rateus_img img{width:176px;animation:rate_us_img 2s linear infinite alternate;}
.feedback_container .feedback_pnr{position: absolute;right: 24px;top: 20px;width: 111px;background: #1e529b17;text-align: center;border-radius: 5px;}
.feedback_container .feedback_pnr p{padding-bottom:2px;padding-top:2px;margin-bottom:0px;font-weight:500;color:#1e529b}
.feedback #a-footer {margin: 20px 0;}
.feedback .new-react-version {padding: 20px 20px;border: 1px solid #eee;border-radius: 20px;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);text-align: center;font-size: 14px;line-height: 1.7;}
.feedback .new-react-version .react-svg-logo {text-align: center;max-width: 60px;margin: 20px auto;margin-top: 0;}
.success-box {margin:50px 0;padding:10px 10px;border:1px solid #eee;background:#f9f9f9;}
.success-box img {margin-right:10px;display:inline-block;vertical-align:top;}
.success-box > div {vertical-align:top;display:inline-block;color:#888;}
.rating-stars ul {list-style-type:none;padding:0;-moz-user-select:none;-webkit-user-select:none;position:relative;z-index:100}
.rating-stars ul > li.star {display:inline-block;}
.rating-stars ul > li.star > svg {font-size:2em;color:#adadad;cursor:pointer;}
.rating-stars ul > li.star.hover > svg {color:#FFCC36;}
.rating-stars ul > li.star.selected > svg {color:#FF912C;}
.feedback_container .feedback_section{width: 415px;margin: 0 auto;padding-top: 35px;position: relative;z-index: 100;}
.feedback_container #feedback_response{position:relative}
.feedback_container .feedback_section textarea{height: 80px !important;background-color: #f4f9ff;border:1px solid #c4c3d161;border-radius:5px;color:#1f2f3e !important;}
.feedback_container .feedback_section textarea:focus{box-shadow:none;}
.feedback_container #feedback_response h4{text-align: center;padding-top: 10px;color: green;}

/*____________MESSAGE NOTIFICATION__________*/
.swal2-container.swal2-center #swal2-html-container {font-size:14px;margin:8px;}
.custom-swal-container .custom-swal-popup{background-color:#ebf3ff !important;width:75% !important;border-bottom:3px solid #1e529b !important;}
.custom-swal-container .custom-swal-title {font-size:12px !important; border:1px solid #e1edff !important;color: #4076cb !important;}
.custom-swal-icon{border:none;}
.custom-swal-icon .fa-envelope{color: #4076cb !important;}
.custom-swal-container::after {content: "";position: absolute;/* left: 108px; */right: 60px;rotate: 181deg;rotation: 176deg;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;bottom: 1px;border-color: transparent transparent #1e529b transparent;z-index: 9999;}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {inset: auto 2% 2% auto !important;}  
.swal2-popup.swal2-toast.swal2-show {animation: NONE !important;}




@keyframes rate_us_img{from{transform:translateY(-7px)}to{transform:translateY(7px)}}

/*Pagination*/
.pagination {height: 40px;margin-top: 0;margin-bottom: 0;overflow: hidden;}
.pagination ,.pagination .pagination__list {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-end;align-content: center;}
.pagination .pagination__list {list-style-type: none;padding: 0;margin: 0;height: 50px;border-radius: 6px;margin: 0 9px;overflow: hidden;}
.pagination .pagination__item {width: 40px;height: 40px;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;}
.pagination__button {border: none;outline: none;stroke: none;box-shadow: none;cursor: pointer;background: #c6dbff;color: #1e529b;margin-right: 8px;}
.pagination .pagination__item > button {font-size: 13px;border: 1px solid #dde6f3;outline: none;stroke: none;box-shadow: none;cursor: pointer;border-radius: 25px;background: #fff;}
.pagination .pagination__item > button:hover, .pagination__button:hover {background: #1e529b;color: #fff;}
.pagination .pagination__item > button {width: 32px;height: 32px;}
.pagination .pagination__item > button[data-level=target] {background: #1a2556;color: #f3f6fb;}
.pagination .pagination--move-prev {-webkit-animation: pagination-move-prev 0.5s ease both;animation: pagination-move-prev 0.5s ease both;}
.pagination .pagination--move-next {-webkit-animation: pagination-move-next 0.5s ease both;animation: pagination-move-next 0.5s ease both;}
.pagination .pagination--move-top {-webkit-animation: pagination-move-top 0.5s ease both;animation: pagination-move-top 0.5s ease both;}
.pagination .pagination__button {width: 28px;height: 28px;border-radius: 25px;}
.pagination .pagination__button i{height: 12px;}

@-webkit-keyframes pagination-move-prev {from, 0% {transform: translateX(25px);}50% {transform: translateX(-5px);}to, 100% {transform: translateX(0px);}}
@keyframes pagination-move-prev {from, 0% {transform: translateX(25px);}50% {transform: translateX(-5px);}to, 100% {transform: translateX(0px);}}
@-webkit-keyframes pagination-move-next {from, 0% {transform: translateX(-25px);}50% {transform: translateX(5px);}to, 100% {transform: translateX(0px);}}
@keyframes pagination-move-next {from, 0% {transform: translateX(-25px);}50% {transform: translateX(5px);}to, 100% {transform: translateX(0px);}}
@-webkit-keyframes pagination-move-top {from, 0% {transform: translateY(-25px);}50% {transform: translateY(10px);}to, 100% {transform: translateY(0px);}}
@keyframes pagination-move-top {from, 0% {transform: translateY(-25px);}50% {transform: translateY(10px);}to, 100% {transform: translateY(0px);}}

/*Spinner*/
.fa-spin {margin-left:5px;animation-name: fa-spin;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;}
@-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}}
@keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(1turn);transform: rotate(1turn);}}


#SessionAlert .col-sm-6 {width:100%;}
#SessionAlert .modal-title {padding-left:12px;}
#SessionAlert .dvclscountdown{margin-bottom:10px;}
#SessionAlert{border:none !important;outline:none !important;}
#SessionAlert .modal-dialog.modal-md{border:none !important;outline:none !important;}

/*================================================
                   RESPONSIVE
==================================================*/
@media(max-width:1180px) and (min-width:992px){
    /*#mailbox .mailcontent .folder{padding:18px 6px}*/
    .mailbox-subject{width:35% !important}
    #mailbox .inbox_cls .mailbox-subject{width:76% !important}
    .mailboxbody .status_drp > button .material-symbols-outlined{font-size:10px}
    .mailbox-status{width:174px !important}
    #mailbox .inbox_cls .mailbox-name span:nth-child(4){width:156px !important;padding-left:0px}
    #mailbox .inbox_cls .mailboxbody .status_drp{padding:2px 0px}
    #mailbox .inbox_cls .mailbox-status{margin-left:0px}
    .inboxcol_collapse_cnt.in#UpdateStatustoggle{width:225px !important}
    /*#mailbox .mailbox_tags{width: 100%;float: none;display: block;text-align: left;margin-left: 74px;}*/
    #mailbox .inbox_cls .Mail_overdues{padding-left:0px}
    #mailbox .inbox_cls .mailboxbody .mailbox-name .mailbox_tags{margin-left:0px;padding-right:24px}


    /*.mailboxbody .mailbox-name .mailbox_tags{position:unset !important}*/
    .mailboxbody .mailbox-name .mailbox-delete{border: none;position: absolute !important;bottom: 0px;right: 0px;top:unset;} 
    .mailboxbody .mailbox-name .mailbox-pin{border: none;background: transparent;position: absolute !important;bottom: 0px;right: 20px;top:unset;}      
}

@media(max-width:1200px) and (min-width:992px){
    .mailbox-subject{width:40%}
    .mailbox-status{width:47% !important;}
    #mailbox .inbox_cls .mailbox-status{width:31%;}
}
@media(max-width:1250px) and (min-width:992px){
    .configuration .tabs li{padding-left:5px}
    .configuration .tabs li:before{width: 17px !important;height: 21px !important;top: 11px !important;right: 13px;}
}
@media(max-width:1280px) and (min-width:992px){
    #mailbox .profile_cnt .mailreadfrom .profile_nme .from_mailid{padding-left:0px;font-size:10px;display:block}
    #mailbox .profile_cnt .mailreadfrom .profile_nme{position:relative;top:-6px;}
    .to_me{position:relative;top:5px}    
    #mailbox .profile_cnt .mailreadfrom .profile_nme .from_mailid{position:relative;top:2px}
    /*#mailbox .mailcontent .folder{width:150px}*/
    #mailbox .mailcontent .folder ul li a p{font-size:11px}
    #mailbox .mail_status .sub_head{font-size:13px}
    #mailbox .profile_cnt .mailbox-read-time{font-size:9px}
    .mail_information{width: calc(100% + 100%);}
    #Holidaylist .col-md-5{width:49%}
}
@media(max-width:1132px) and (min-width:992px){
    .configuration .tabs li:before{display:none}
}
@media(max-width:1400px) and (min-width:992px){
    .configuration .tabs li a span svg{width:10px;margin-top:4px}
    .configuration .tabs li:before{content: " ";width: 27px;height: 25px;top: 9px;}
}


.layouttabs .cls_Respond {
    background: #3eb16f;
}

.layouttabs span {display: inline;padding: 2px 10px;font-size: 11px;color: #fff;font-weight: 600;line-height: 9px;border-radius: 8px;margin-right: 5px;
}

#mailbox .mailoverview .mailboxiccon .btn {
    z-index: 0;
}

/*///Typeahead for form///*/
.cmn_section .tt-menu {background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.cmn_section .tt-menu .tt-suggestion {padding: 8px 15px;border-bottom: 1px solid #efefef;transition: all 0.5s ease-in-out;cursor: pointer;font-size: 12px;}
#Childtoggle #slapolicy .col-lg-2.col-md-2 {width: 50% !important;}
#Childtoggle #slapolicy .col-lg-2.col-md-2 label {display: block;width: 100%;}


/*session expired*/
.exp_session {margin: 0 auto;width: 50% !important;max-width: 50% !important;background: #fff;box-shadow: 0 0 25px rgba(0, 0, 0, .3);padding: 0;border-radius: 6px;position: relative;top: 50px;border: none;}
.exp_session .top_head {text-align: center;padding-bottom: 10px;border-bottom: 1px solid #e0e0e0;color: #525252;font-size: 22px;margin:0px;}
.exp_session .reason_lists {padding: 20px;border-bottom: 1px solid #e0e0e0;}
.exp_session .head_reasons {color: #fe4e12;font-size: 16px;padding-bottom: 20px;}
/*.exp_session .err_contact {text-align: center;padding: 10px;color: #656464;font-size: 14px;font-weight: 500;}*/
.exp_session ul {font-size: 13px;letter-spacing: 0.6px;}
.exp_session ul li {margin-bottom: 5px;list-style-type: disclosure-closed;}
.exp_session ul li::marker {display: none;}
.exp_session .btn_color1 {margin-bottom:10px;}
.exp_session img{height:300px;}
.exp_session .err_contact {text-align: center;padding: 10px;color: #838383;font-size: 14px;font-weight: 500;}

.Sessionexpired#SessionExpired .exp_session .btn_color1 {background-color: #1e529b !important;color: #fff;margin-top: 0px;font-size: 14px !important;height: 35px;border: 1px solid #1e529b !important;border-radius: 6px;padding: 0px 20px;margin-bottom: 25px;}
.exp_session a {color: white;text-decoration: none;font-size: 14px;font-weight: bold;background: linear-gradient( 319.4deg, #a3a6a9 19.74%,#9c9ea0 85.13%) !important;padding: 18px 20px;text-transform: uppercase;border-radius: 40px;box-shadow: 0 0 25px rgb(0 0 0 / 30%);}


/*Ticket mails*/
.ticketdetails #RoasterMapping .contentdetails  .col-sm-6 .btn_color1{width: 59% !important;margin-top: 18px !important;height: 37px !important;}
.ticketdetails .table{border: 1px solid #e7e7e7;}
.ticketdetails .table thead tr th {padding: 11px 24px;border: none;background-color: #1e529b33;}
.ticketdetails .table thead tr th:first-child{text-align: left !important;font-size: 12px;font-weight: 600;padding-left:10px;}
.ticketdetails .table thead tr th {text-align: center;font-size: 12px;font-weight: 600;}
.ticketdetails .table tbody tr td:first-child {color: #1e529b;text-align: left;font-weight: 500;}
.ticketdetails .table tbody tr td {border: none;padding: 22px 10px 11px 10px;font-size: 12px;color: #96969b;}
.ticketdetails .table tbody tr td {text-wrap: nowrap; }
.ticketdetails .table tbody tr td:nth-child(3){text-wrap:wrap !important;}
.ticketdetails .table tbody tr td {border: none;padding: 12px 8px 13px 10px;font-size: 12px;color: #96969b;}
.ticketdetails .table thead tr th {padding: 11px 5px;border: none;background-color: #1e529b33;}
.ticketdetails .table thead tr th {padding: 13px 5px;border: none;background-color: #1e529b33;}
.ticketdetails .col-md-12.infoticket{width:100%;max-width:100%;flex:none;margin-bottom:10px;}
.ticketdetails .col-md-12.infoticket #ddl_ticketdetails{width:100%;display:block;overflow-x:scroll;}
.ticketdetails .col-md-12.infoticket #ddl_ticketCount{width:100%;display:block;overflow-x:scroll;}
.ticketdetails .row.contentdetails{margin-bottom:20px;}
.ticketdetails .col-md-12.infoticket  .table-card{border:none !important;}
.ticketdetails #ddl_ticketCount{border: 1px solid #e7e7e7;display: block;overflow-x: scroll;}
.ticketdetails #ddl_ticketCount::-webkit-scrollbar {width:5px;}
.ticketdetails #ddl_ticketCount::-webkit-scrollbar-thumb {background:#888;}
.ticketdetails #ddl_ticketCount::-webkit-scrollbar-thumb:hover {background:#555;}
.ticketdetails #ddl_ticketdetails::-webkit-scrollbar {width:5px;height:5px;}
.ticketdetails #ddl_ticketdetails::-webkit-scrollbar-thumb {background:#888;}
.ticketdetails #ddl_ticketdetails::-webkit-scrollbar-thumb:hover {background:#555;}
.ticketdetails .table tbody tr td:nth-child(3) {text-wrap: wrap !important;}

/*Shift Calendar*/
.sc_table {max-height: 550px;overflow: auto;}
.sc_table table {position: relative;background-color: #fff;margin-bottom: 5px;}
.sc_table .sc_table_head {background-color: #fff !important;color: #5d596c;position: sticky;top: 0;z-index: 3 !important;}
.sc_table .sc_table_head th {background-color: #fff;background: linear-gradient(0deg, rgb(243 243 243) 0%, rgba(255,255,255,1) 50%, rgb(243 243 243) 100%);font-size: 14px;padding: 10px 5px;border-radius: 0;position: relative;border: 1px solid #e9e9e9;vertical-align: middle;}
.sc_table .sc_table_head th:before {content: '';position: absolute;border-top: 1px solid #dfdfdf;width: 100%;top: -1px;left: 0;}
.sc_table .sc_table_head th:after {content: '';position: absolute;border-bottom: 1px solid #dfdfdf;width: 100%;bottom: -1px;left: 0;}
.sc_table .sc_table_head .sc_date span {white-space: nowrap}
.sc_table .sc_table_body tr td {background-color: #fff;border: 1px solid #e9e9e9;}
.sc_table table tbody tr:nth-child(even) {background-color: transparent;}
.sc_table .sc_table_body tr td {padding: 3px 10px;vertical-align: middle;}
.sc_table .sc_table_head th:first-child {z-index: 3 !important;}
.sc_table .sc_table_head th:first-child::after {content: '';position: absolute;border-left: 1px solid #dfdfdf;left: -1px;top: 0;}
.sc_table .sc_table_head th:first-child::before {content: '';position: absolute;border-right: 1px solid #dfdfdf;height: 100%;right: -1px;left: auto;}
.sc_table .sc_table_head th:first-child, .sc_table .sc_table_body tr td:first-child {position: sticky;left: 0;z-index: 1;padding: 5px 20px;white-space: nowrap;}
.sc_table .sc_table_body tr td:first-child::after {content: '';position: absolute;border-left: 1px solid #dfdfdf;height: 100%;left: -1px;top: 0;}
.sc_table .sc_table_body tr td:first-child::before {content: '';position: absolute;border-right: 1px solid #dfdfdf;height: 100%;right: -1px;top: 0;}
.sc_table .sc_table_body .sc_staff .sc_staff_img {width: 45px;margin-right: 10px;}
.sc_table .sc_table_body .sc_staff .sc_staff_img img {width: 100%;border-radius: 50%;}
.sc_table .sc_table_body .sc_staff_det {text-align: left;}
.sc_table .sc_table_body .sc_staff_det h5 {color: #5d596c;font-weight: 600;margin-bottom: 0;}
.sc_table .sc_table_body .sc_staff_det span {font-size: 11px;font-weight: 600;color: #8d8d8d;}
.sc_table .sc_table_body .sc_timing .sc_timing_box {background-color: #dfdfdf;padding: 8px 22px;border-radius: 4px;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg1 {background-color: #ff9c9c;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg2 {background-color: #aae5ff;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg3 {background-color: #99d989;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg4 {background-color: #f7c88f;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg5 {background-color: #a3a0ff;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg6 {background-color: #ecabcc;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg7 {background-color: #ff9e4e;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg8 {background-color: #ecd6ff;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg9 {background-color: #85ffcc;}
.sc_table .sc_table_body .sc_timing .sc_timing_box.bg10 {background-color: #e8f7ff;}
.sc_table .sc_table_body .sc_timing .sc_timing_box p {font-weight: 600;margin-bottom: 0;white-space: nowrap;}
.sc_table .sc_table_body .sc_timing .sc_timing_box p span {font-size: 12px;}
.sc_table .sc_table_body .sc_timing .sc_timing_box p span:first-child {margin-right: 2px;}
.sc_table .sc_table_body .sc_timing .sc_timing_box p span:last-child {margin-left: 2px;}
.sc_table::-webkit-scrollbar {width: 5px;height: 6px;}
.sc_table::-webkit-scrollbar-thumb {background: #888;border-radius: 50px}
.sc_table::-webkit-scrollbar-thumb:hover {background: #555;}

/*Inventory Creation*/
#InventoryCreation .dc-bg7{background-color: #0F67B1;}
#InventoryCreation .dc-bg1{background-color: #41527c;}
#InventoryCreation .dc-bg2{background-color: #DA7297;}
#InventoryCreation .dc-bg3{background-color: #56bcae;}
#InventoryCreation .dc-bg4{background-color: #f5b849;}
#InventoryCreation .dc-bg5{background-color: #f89a29;}
#InventoryCreation .dc-bg6{background-color: #c12e4c;}
.dash_card .card{color:#fff;border:0;border-radius:0;}
.dash_card .card h4{font-size:20px;font-weight:600;text-align:center;margin-top:0;margin-bottom: 5px;}
.dash_card .card p{font-size: 13px;font-weight: 500;text-align: center;margin-bottom: 0;letter-spacing: 0.3px;}

/*Inventory Creation Table*/
.Inv-creation-table{max-height:300px;border:1px solid #ddd;overflow:auto;}
.Inv-creation-table table{border:0;}
.Inv-creation-table thead{background-color:#e8e8e8;color:#000;}
.Inv-creation-table table thead tr th{font-size: 13px;line-height: 2;padding: 3px 8px;border:0;color: #4c4c4c;border-radius:0;}
.Inv-creation-table table tbody tr td{padding: 3px 8px;border: 0;vertical-align: middle;}
.Inv-creation-table .input-group-addon{padding:0;}
.Inv-creation-table .input-group-addon label{top:0;}
.Inv-creation-table .input-group-addon label::before{background-color:#fff;}
.Inv-creation-table label{font-weight:500;}
.Inv-creation-table .client_name{}
.Inv-creation-table .stage, .Inv-creation-table .status{background-color: #f1f1f1;padding: 2px 13px;border-radius: 3px;}
.Inv-creation-table .stage.alert-danger{color: #b94a48 !important;background-color: #f2dede;}
.Inv-creation-table .stage.alert-warning{color: #c09853 !important;background-color: #fcf8e3;}
.Inv-creation-table .stage.alert-success{color: #468847 !important;background-color: #dff0d8;}

.Inv-creation-table .status.alert-danger{color: #fff !important;background-color: #c92b28;}
.Inv-creation-table .status.alert-warning{color: #fff !important;background-color: #f89a29;}
.Inv-creation-table .status.alert-success{color: #fff !important;background-color: #468847;}

.Inv-creation-table .close_date{color:#bb0000 !important;}
.Inv-creation-table .amount{}
.Inv-creation-table .source{}
.Inv-creation-table .create_date{}

.Inv-creation-table::-webkit-scrollbar {width: 5px;height: 5px;background-color: #F5F5F5;}
.Inv-creation-table::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #dfdfdf;border-left: 1px solid #ededed;}
.Inv-creation-table::-webkit-scrollbar-thumb {background-color:#F5F5F5;}

/*Mail Ticket Status Count*/
#dt_MailTicketStatusCount{border: 1px solid #ddd;border-radius:0;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div.remind_date{color:#bb0000 !important;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div.update_date{color:#009102 !important;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data {border-bottom: 1px solid #d6d5d7;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table .w2ui-head{background-color: #e8e8e8 !important;color:#4c4c4c !important;border-right:0;border-left:0;border-bottom:0;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table .w2ui-head > div{color:#4c4c4c !important;font-size:13px;font-weight:600;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div button{color: var(--color-primary);border: 1px solid var(--color-primary) !important;letter-spacing: 0.3px;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div button:hover{background: var(--color-primary);color:var(--color-white);}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even, #dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even,
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd, #dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd{background:#fff;}
#dt_MailTicketStatusCount.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div{color: #56595d !important;}

/*Schedule Modal*/
.section1{overflow:auto;}
#divSchedulemodal .modal-dialog {width: 1000px;}

/*Switch Box*/
.switch {font-size: 17px;position: relative;display: inline-block;width: 38px;height: 20px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;inset: 0;background: #b7b7b7;border-radius: 50px;transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);}
.slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 3px;bottom: 3px;background-color: white;border-radius: 50px;box-shadow: 0 0px 20px rgba(0,0,0,0.4);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.switch input:checked + .slider {background: #b84fce;}
.switch input:focus + .slider {box-shadow: 0 0 1px #b84fce;}
.switch input:checked + .slider:before {transform: translateX(1.6em);width: 22px;height: 22px;left: -9px;bottom: -1px;}

#dvAirlineAvailability .section1 .input-group-addon label{top:auto;padding:0;margin:0;}

.inv_btn{width: 36px;height: 36px;margin-top:20px;margin-left:5px;border: none;border-radius: 50% !important;background-color:var(--color-secondary);color:var(--color-white);}

.compose_Btn {display: flex;align-items: center;justify-content: flex-start;width: 36px;height: 36px;margin-top:20px;margin-left:5px;border: none;border-radius: 50%;cursor: pointer;position: relative;overflow: hidden;transition-duration: 0.4s;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);background: var(--color-primary);}
.compose_Btn .sign {width: 100%;transition-duration: 0.4s;display: flex;align-items: center;justify-content: center;}
.compose_Btn .sign i {width: 17px;}
.compose_Btn .sign svg path {fill: white;}
.compose_Btn .text {position: absolute;right: 0%;width: 0%;opacity: 0;color: #ecf0f1;font-size: 12px;font-weight: 600;transition-duration: 0.4s;white-space:nowrap;}
.compose_Btn:hover {width: 135px;border-radius: 20px;transition-duration: 0.4s;background: var(--color-primary);}
.compose_Btn:hover .sign {width: 25%;transition-duration: 0.4s;}
.compose_Btn:hover .text {opacity: 1;width: 75%;transition-duration: 0.4s;padding-right: 10px;}
.compose_Btn:active {transform: translate(2px, 2px);box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);}

/*Customer Detail Card*/
.CD_form.card{margin: 0;border-radius: 4px;box-shadow: none;}
.CD_form.card .card-header{padding:10px;margin-bottom:0;border-bottom:0;}
.CD_form.card .card-header h5{color:var(--color-primary);}
.CD_form.card .card-body{padding:10px !important;padding-top:0 !important;}

.CD_form.card .checkbox-group {/*display: flex;flex-wrap: wrap;justify-content: center;width: 90%;margin-left: auto;margin-right: auto;max-width: 600px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/}
.CD_form.card .checkbox-group > * {width: 47%;display:inline-block;padding:0;margin:0;margin-bottom:10px;}
.CD_form.card .checkbox-group-legend {font-size: 1.5rem;font-weight: 700;color: #9c9c9c;text-align: center;line-height: 1.125;margin-bottom: 1.25rem;}
.CD_form.card .checkbox-input {clip: rect(0 0 0 0);-webkit-clip-path: inset(100%);clip-path: inset(100%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}
.CD_form.card .checkbox-input:checked + .checkbox-tile {border-color: var(--color-primary);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);color: var(--color-primary);}
.CD_form.card .checkbox-input:checked + .checkbox-tile:before {transform: scale(1);opacity: 1;background-color: var(--color-primary);border-color: var(--color-primary);}
.CD_form.card .checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {color: var(--color-primary);}
.CD_form.card .checkbox-input:focus + .checkbox-tile {border-color: var(--color-primary);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px #b5c9fc;}
.CD_form.card .checkbox-input:focus + .checkbox-tile:before {transform: scale(1);opacity: 1;}
.CD_form.card .checkbox-tile {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 7px 2px;/*width: 7rem;*/min-height: 7rem;border-radius: 0.5rem;border: 2px solid #b5bfd9;background-color: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transition: 0.15s ease;cursor: pointer;position: relative;}
.CD_form.card .checkbox-tile:before {content: "";position: absolute;display: block;width: 1.25rem;height: 1.25rem;border: 2px solid #b5bfd9;background-color: #fff;border-radius: 50%;top: 0.25rem;left: 0.25rem;opacity: 0;transform: scale(0);transition: 0.25s ease;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");background-size: 12px;background-repeat: no-repeat;background-position: 50% 50%;}
.CD_form.card .checkbox-tile:hover {border-color: var(--color-primary);}
.CD_form.card .checkbox-tile:hover:before {transform: scale(1);opacity: 1;}
.CD_form.card .checkbox-icon {text-align:center;transition: 0.375s ease;color: #494949;margin-bottom: 4px;}
.CD_form.card .checkbox-icon img{width:50%;}
.CD_form.card .checkbox-label {color: #707070;font-weight: 600;font-size: 12px;transition: 0.375s ease;text-align: center;}

.vertical-shake {animation: vertical-shaking 9s infinite;}
@keyframes vertical-shaking {0% { transform: translateY(0) }25% { transform: translateY(5px) }50% { transform: translateY(-5px) }75% { transform: translateY(5px) }100% { transform: translateY(0) }}
.horizontal-shake {animation: horizontal-shaking 9s infinite;}
@keyframes horizontal-shaking {0% { transform: translateX(0) }25% { transform: translateX(5px) }50% { transform: translateX(-5px) }75% { transform: translateX(5px) }100% { transform: translateX(0) }}

/*Customer Detail Card*/
.Cus_Det.card{margin: 0;border-radius: 4px;box-shadow: none;}
.Cus_Det.card .card-header{padding:10px;margin-bottom:0;border-bottom:0;}
.Cus_Det.card .card-header h5{color:var(--color-primary);}
.Cus_Det.card .card-body{display: flex;padding:10px;}
.Cus_Det.card .card-body .card{width: 170px;background-color:#fdf7ff;display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;border: 1px solid #efe1f3;padding:5px 8px;margin-top: 0;margin-right: 15px;margin-bottom: 10px;border-radius: 4px;box-shadow:none;/*box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;*/}
.Cus_Det.card .card-body .card input[type=checkbox] + label{display:inline-block;}
.Cus_Det.card .card-body .card .btn{font-size:13px !important;font-weight:600;padding:5px 2px;}

/*Reminder Card*/
.reminder_card.card {background-color: #fff7f4 !important;margin: 0;border-radius:4px;}
.reminder_card.card .card-header {background-color: #e18057;padding: 12px 15px;margin-bottom: 0;border-radius: 4px 4px 0 0;}
.reminder_card.card .card-header h5 {color: #fff;font-weight: 500;}
.reminder_card.card .card-header svg{color:#fff;}
.reminder_card.card .card-body {padding: 10px !important;max-height: 205px;overflow: auto;}
.reminder_card.card .card-body::-webkit-scrollbar {width: 0px;height: 0px;background-color: #F5F5F5;}

.reminder_card.card .card {border:0;padding: 10px;margin-top: 0;margin-bottom:10px;border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.reminder_card.card .card:last-child {margin-bottom: 0;}
.reminder_card.card .card h5{color:#e18057;font-size:15px;font-weight:600;margin-top:0;margin-bottom:5px;}
.reminder_card.card .card p{font-size:13px;font-weight: 500;margin-bottom:5px;}
.reminder_card.card .card p label{font-size: 12px;color: #000 !important;}
/*Reminder Bell animation*/
.bell{animation: ring 4s .7s ease-in-out infinite;}
@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/*=============================
                OVER ALL RESPONSIVE
                =====================================*/
@media (max-width:375px) {
    /*common header*/
    .indication .dropdown a {font-size: 10px !important;}
                .indication .dropdown-toggle {padding: 9px 7px;}
                .Header_details .indication {margin-right: 5px;}
                .Header_details .logout .log_out {padding-left: 8px;padding-top: 5px;}


                .holiday_card .clr_date::after{display:none;}

                /*CONFIGURATION  ROASTERMPING */ 
                #configuration #RoasterMapping .roastercontent .roaster_title div:nth-child(2) button{margin-right:2px !important;}


                /*LOginPage*/
                #loginpage .sideimg {width: 0;display: none;}
                #loginpage .login_logo img {width: 50%;}
                #loginpage .containerlike {padding: 30px 0px 20px 0px;}
                #loginpage .logininfo {width: 100%;height: 100vh;padding: 40px 18px 40px 18px;}
                #loginpage .logbutton {border-radius: 38px;width: 70%;}
                #loginpage .containerlike .title h3 {font-size: 14px;margin-bottom: 14px;}
                #loginpage .login_background{background:none !important;}
                .bodywrapper .hamburger .heading .logo img {width: 127px;margin: 3px;padding-right: 6px;margin-top: 5px;}


                /*OTP PAGE*/
                #loginpage #otp_info .otp_assumtion {padding: 20px 0px 10px 0px;}
                #otp_info .otp_header h5 {font-size: 18px;}
                #loginpage  #otp_info .otp_assumtion .otp_box input.form-control {font-size: 22px !important;width: 40px !important;height: 40px !important;}



                .signature .note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group{margin-right:0px;}
                .Signature_cnt .btn-sm, .btn-xs {padding: 5px 7px;}

                /*mail*/
                #mailbox .col-md-1.folder{width:70%;}
                #ComposeEmail .note-toolbar.card-header.panel-heading .note-btn-group.btn-group .btn{font-size:11px !important;padding:5px 5px;}
                #mailbox .mailboxiccon .btn{padding:5px 5px;font-size:10px !important;}
                #mailbox .profile_cnt .mailreadfrom .profile_nme span{font-size:10px !important;}

                /*mailbox*/
                #mailbox .mailoverview .mail_profile{display:block;}
                #mailbox .profile_cnt .mailbox-read-time{width:100%;}
                #mailbox .rplyicon{display:block;}
                #mailbox .profile_cnt .mailreadfrom{justify-content:unset;}
                .mail_information {width: 260px !important;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 4px;position: absolute;left: -69px;border: 1px solid #ddd;padding: 10px 5px;z-index: 1000;}
                .sub_contentheader {font-size: 10px;color: #646464;letter-spacing: 0.5px;font-weight: 600;width: auto;border-radius: 20px;padding: 3px 8px;}
                .ToReplymailid{width:100%;}

                #mailbox .rplycnt_reply .cc_bcc_cnt{margin-top:1px;}

                #divscrollheight .note-editor .panel-heading  .note-btn-group .btn {font-size:10PX !important;padding:4PX 5PX;}
                .mail_rply_cnt .typemail .bootstrap-tagsinput{overflow-x:scroll;}
                .mail_rply_cnt .typemail .bootstrap-tagsinput{}
                .footer_icons span{margin-right:2px;}
                #Composetoggle.inboxcol_collapse_cnt.in{right:0PX !important;width:95% !important;}
                #divTicketing .col-lg-4.col-md-4{text-align:center;}
                #divTicketing .col-lg-4.col-md-4 button{margin-top:5PX;}
                .from_location{display:flex;align-items:center;}
                .replay_all{display:flex;}


                /*draft mail*/
                #mailbinder .from.Commonread .x-close {position: absolute;right: 4px;top: -57px;background: #dbdada;height: 11px;width: 11px;text-align: center;padding: 1px 0px 0px 0px;border-radius: 46%;font-size: 7px;color: red;}
                .mailbox-date {display: block;color: #636c86;top: 10px;font-size: 10px;padding-top: 5px;}
                #mailbox .rplycnt_reply .cc_bcc_cnt span{margin-right:3px;}
                #ComposeEmail .note-editor .note-toolbar .note-btn-group.note-style .btn{padding:4PX 5PX;font-size:11px !important;} 
                #mailbox .note-editor .note-toolbar .note-btn-group.note-style .btn{padding:4PX 5PX;font-size:11px !important;} 

}                 
@media (min-width:375px) and (max-width:480px){
/*CONFIGURATION HOLIDAY*/         
                #Holidaylist .info_card .main_card{margin-right:5px;}



                /*loginpage*/
                /*#loginpage .logininfo{width:80%;}*/
                #loginpage .sideimg{width:0%;}
                #loginpage .login_background {height: 100%;   width: 100%;background-color: #0173BA;background-image:unset;}
                #loginpage .containerlike {padding: 20px 10px 20px 10px;}             
                #loginpage .containerlike {margin-left: 0px;margin-right: 0px;}
                #loginpage .logbutton {border-radius: 38px;width: 95%;}
                #loginpage .logininfo {background: #fff;border-radius: 15px;width:80%;height: 85vh;margin: 15px 0px;padding: 23px 18px 40px 18px;}


                /*OTP PAGE*/
                #loginpage .otp_header .login_logo img {margin-right: 35px;}
                #loginpage #otp_info .otp_assumtion {padding: 35px 0px 10px 0px;}
                #otp_info .otp_header h5 {font-size: 16px;font-weight:700}
                #loginpage  #otp_info .otp_assumtion .otp_box input.form-control {font-size: 22px !important;width: 40px !important;height: 40px !important;}

                /*mail*/
                #mailbox .col-md-1.folder{width:60%;}
                #ComposeEmail .note-toolbar.card-header.panel-heading .note-btn-group.btn-group .btn{font-size:12px !important;padding:5px 6px;}

                #ComposeEmail .note-toolbar.card-header.panel-heading .note-btn-group.btn-group .btn{font-size:11px !important;padding:5px 5px;}
                #mailbox .mailboxiccon .btn{padding:5px 6px;font-size:12px !important;}
                #mailbox .profile_cnt .mailreadfrom .profile_nme span{font-size:10px !important;}
                .mail_information {width: 330px !important;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 4px;position: absolute;left: -69px;border: 1px solid #ddd;padding: 10px 5px;z-index: 1000;}
                #Composetoggle.inboxcol_collapse_cnt.in{right:0PX !important;width:60% !important;}
                #divTicketing .col-lg-4.col-md-4{text-align:center;}
                #divTicketing .col-lg-4.col-md-4 button{margin-top:5PX;}

                #mailbinder .from.Commonread .x-close {position: absolute;right: 4px;top: -57px;background: #dbdada;height: 11px;width: 11px;text-align: center;padding: 1px 0px 0px 0px;border-radius: 46%;font-size: 7px;color: red;}
                #mailbinder .from.Commonread .mailbox-date {display: block;color: #636c86;top: 10px;font-size: 10px;padding-top: 5px;}
                #mailbox .rplycnt_reply .cc_bcc_cnt span{margin-right:5px;}
                #mailbox  #replay_all{display:flex;}
                #divscrollheight .note-editor .panel-heading .note-btn-group .btn{font-size: 12PX !important;padding: 4PX 7PX;}
                #mailbox .note-editor .note-toolbar .note-btn-group.note-style .btn{padding:4PX 5PX;font-size:11px !important;} 

}

@media (min-width:481px) and (max-width:600px){


            /*#loginpage .logininfo{width:80%;}*/
            #loginpage .sideimg{width:0%;}
            #loginpage .login_background {height: 100%;   width: 100%;background-color: #0173BA;background-image:unset;}
            #loginpage .containerlike {padding: 20px 10px 20px 10px;}             
            #loginpage .containerlike {margin-left: 0px;margin-right: 0px;}
            #loginpage .logbutton {border-radius: 38px;width: 95%;}
            #loginpage .logininfo {background: #fff;border-radius: 15px;width:66%;height: 85vh;margin: 15px 0px;    padding: 20px 18px 40px 18px;}


            /*OTP PAGE*/
            #loginpage .otp_header .login_logo img {margin-right: 35px;}
            #loginpage   #otp_info .otp_assumtion {padding: 30px 0px 10px 0px;}
            #otp_info .otp_header h5 {font-size: 18px;}
            #loginpage  #otp_info .otp_assumtion .otp_box input.form-control {font-size: 22px !important;width: 40px !important;height: 40px !important;}

            /*mail*/
            #mailbox .col-md-1.folder{width:50%;}
            #ComposeEmail .note-toolbar.card-header.panel-heading .note-btn-group.btn-group .btn{font-size:12px !important;padding:5px 8px;}

            #Composetoggle.inboxcol_collapse_cnt.in{right:0PX !important;width:60% !important;}
            #divTicketing .col-lg-4.col-md-4{text-align:center;}
            #divTicketing .col-lg-4.col-md-4 button{margin-top:5PX;}
            #mailbox .profile_cnt .mailreadfrom .profile_nme span {font-size: 10px !important;}

            /*drftmail*/
            #mailbinder .from.Commonread .x-close {position: absolute;right: 4px;top: -57px;background: #dbdada;height: 11px;width: 11px;text-align: center;padding: 1px 0px 0px 0px;border-radius: 46%;font-size: 7px;color: red;}

            #mailbinder .from.Commonread  .mailbox-date {display: block;color: #636c86;top: 10px;font-size: 10px;padding-top: 5px;}
            #divscrollheight .note-editor .panel-heading .note-btn-group .btn {font-size: 12PX !important;padding: 4PX 7PX;}
            #ComposeEmail .note-editor .note-toolbar .note-btn-group.note-style .btn{padding:4PX 7PX;font-size:11px !important;} 

}


@media (min-width:601px) and (max-width:767px){


            /*#loginpage .logininfo{width:80%;}*/
            #loginpage .sideimg{width:0%;}
            #loginpage .login_background {height: 100%;   width: 100%;background-color: #0173BA;background-image:unset;}
            #loginpage .containerlike {padding: 20px 10px 20px 10px;}             
            #loginpage .containerlike {margin-left: 0px;margin-right: 0px;}
            #loginpage .logbutton {border-radius: 38px;width: 95%;}
            #loginpage .logininfo {background: #fff;border-radius: 15px;width:50%;height: 85vh;margin: 15px 0px;padding: 16px 18px 40px 18px;}



            /*OTP PAGE*/
            #loginpage .otp_header .login_logo img {margin-right: 35px;}
            #loginpage #otp_info .otp_assumtion {padding: 30px 0px 10px 0px;}
            #otp_info .otp_header h5 {font-size: 18px;}
            #loginpage  #otp_info .otp_assumtion .otp_box input.form-control {font-size: 22px !important;width: 40px !important;height: 40px !important;}



            #mailbox .col-md-1.folder{width:45%;}
            #Composetoggle.inboxcol_collapse_cnt.in{right:0PX !important;width:50% !important;}
            #divTicketing .col-lg-4.col-md-4{text-align:center;}
            #divTicketing .col-lg-4.col-md-4 button{margin-top:5PX;}
            #mailbox .profile_cnt .mailreadfrom .profile_nme span {font-size: 11px !important;}


            /*drftmail*/
            #mailbinder .from.Commonread .x-close {position: absolute;right: 4px;top: -57px;background: #dbdada;height: 11px;width: 11px;text-align: center;padding: 1px 0px 0px 0px;border-radius: 46%;font-size: 7px;color: red;}

            #mailbinder .from.Commonread  .mailbox-date {display: block;color: #636c86;top: 10px;font-size: 10px;padding-top: 5px;}
}


@media (max-width:574px){

/*.hamburger_lay {width: 100%;background-color: #fdfdfd;height: 84px;position: absolute;top: -29px;z-index: -1;}
.bodywrapper{top: 29px;}
#divProfilebind.profile_{top:29PX;position:absolute;}*/

                /*loader*/
                .blockUI.blockMsg.blockPage img{width:250px;}

                /*profile*/
                .signature .sign_card .row  .col-lg-4.col-md-4:first-child{width:100%;flex:none;}
                .signature .sign_card .row  .col-lg-4.col-md-4{width:100%;flex:none;}
                .signature .sign_card .row  .col-lg-4.col-md-4:nth-child(3){width:100%;flex:none;text-align:center !important;}
                .signature .note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group{margin-right:0px;}                    
                #Summerappand .Signature_cnt .col-lg-4.col-md-4{width:100%;flex:none;}
                #Summerappand .Signature_cnt .col-lg-4.col-md-4{width:100%;flex:none;}


                /*CONFIGURATION HOLIDAY  */
                #flipFlop .row .col-md-4.col-xs-12:last-child .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
                #configuration .holiday_card .holiday_name h5{font-size:12px;}
                #configuration .holiday_card .clr_date svg:nth-child(2){margin-left:0px;}
                #configuration .holiday_card .clr_date svg{margin-right:5px;}
                #configuration .holiday_card .clr_date h5{font-size:12px;}
                #configuration .holiday_card .main_card .holiday_name {padding-left: 10px;margin-right: 5px;}
                .configuration .titlediv h4{font-size:14px;}

                /*mailmapping*/
                #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .cls_or{width:100% !important;}
                #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(3) div:nth-child(5) .chosen-select{width:100% !important}

                #shiftcreation #AssignHide .row.contentdetails .col-lg-4.col-md-2{width:100%;flex:none;} 
                #shiftcreation #AssignHide .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

                #shiftcreation #AssignMonthwise .row.contentdetails .col-lg-4.col-md-2{width:100%;flex:none;} 
                #shiftcreation #AssignMonthwise .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

              
                #shiftcreation #Assignyearwise .row.contentdetails .col-lg-4.col-md-2{width:100%;flex:none;} 
                #shiftcreation #Assignyearwise .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
                #shiftcreation #Assignyearwise .row.contentdetails  .col-lg-2.col-md-3 {width:100%;flex:none;text-align:center !important;} 
      

                #shiftcreation #AssignGetHide .row.contentdetails .col-lg-3.col-md-2{width:100%;flex:none;} 
                #shiftcreation #AssignGetHide .row.contentdetails .col-lg-2.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}


                /*mailbox*/

        
                /*mailbox*/
                /*#mailbox .folder{display:none;}*/
                #mailbox .inboxheading .searchdiv {width: 100%;justify-content: flex-end;}
                #mailbox .inboxheading{padding: 5px 10px;}
                #mailbox .inboxheading .searchdiv .input_srch{width:54%;}
                #mailbox .abvox_xflex {display: flex;width:86%;}
                .mailboxbody .mailbox-name .mailbox-delete{position: absolute !important;bottom: 92px;right: -3px;}
                .mail_content {width:100%;}
                #mailbox .mailbox-subject .subjt_txt{font-size:10px;}
                #mailbox .mailbox-name .fromimg {border-radius: 50%; display: inline-block; width: 12%; flex:none;align-items:unset;}
                .mail_content .mail_nme_sub .mail_nme{font-size:10px;}
                .mailboxbody .mailbox-name .mailbox_tags{margin-right:0px;position: absolute;right: 50px;top: 7px;}
                .mail_tag .mail_link{top:10px;bottom:unset;}
                .mail_tag{position:unset;}
                #mailbox .mailbox-name .mailbox-date {color: #5b5b5b;font-size: 10px;font-weight: 500;}
                button#btn_Attachment {color: #959292;border: 1px solid #c3d9f7;padding: 3px 5px;border-radius: 5px;height: 27px;font-size: 11px;background-color: rgb(238, 245, 255);margin-top: 2px;}
                .btn_sortcont svg {font-size: 12px;margin-right: 4px;}
                .btn_sortcont#btn_sortby {font-size: 12px !important;position: relative;background: #c3dded;color: #6e6e6e;background-color: rgb(238, 245, 255);border: 1px solid #c3d9f7;padding: 4px 6px;display: flex;align-items: center;height: 27px;margin-top: 2px;}
                #mailbox .inboxheading { padding: 5px 7px;}
                #mailbox .inboxheading .searchdiv input {height: 30px !important;}
                #mailbox .inboxheading .searchdiv .input_srch .serch_boom {position: absolute;right: 10px;top: 6px;color: #878a99;font-size: 12px;}
                .inboxheading h4{display:none;}
                .inboxcol_collapse_cnt.in{width:80%;right:15PX;}
     
      

                #mailbox #ComposeEmail .note-editor{margin-top:0px;}
                .downico{display:none;}
                .file_upload_cnt .file_upd_cls{width:100%;}
                .file_upload_cnt .progress{width:100%;}
                .cls_image.Attachmentcollection{margin-right:5% !important;}
                .img_cls{width:75%;}

                /*replay mail*/
                /*#mailbox .mailoverview .mail_profile{display:block;}
                #mailbox .profile_cnt .mailbox-read-time{width:100%;}
                #mailbox .profile_cnt .mailreadfrom{justify-content:unset;}*/
                .overlaysider::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3); z-index: 0;border-radius: 8px; }
                .sub_contentheader {font-size: 10px !important;color: #646464;letter-spacing: 0.5px;font-weight: 600;width: auto;border-radius: 20px;padding: 3px 8px;}
                #mailbox .mail_rply_cnt{margin-top:0px;}
                #mailbox .mailrply{display:flex;}
                #mailbox .mailrply .rplyicon{width:60%;}
                #mailbox .rplyicon #ToReplymailid{width:100%;}
                .from_location{display:flex;align-items:center;}
                #mailbox .rplycnt_reply .cc_bcc_cnt span {border: 1px solid #bdbdbd;width: 34px;height: 25px;display: inline-block;border-radius: 3px;text-align: center;padding-top: 1px;transition: all 0.5s ease-in-out;cursor: pointer;font-size: 12px;padding-top: 3px;font-weight: 500;}
                #mailbox #ToReplymailid span:nth-child(2){padding: 11px 5px 0px;}
                #mailbox .note-editor.note-frame.card{margin-top:0PX;}
                .mailboxbody .status_drp > button .material-symbols-outlined {font-size: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
                /*.col-md-4.inboxcoln.inbox_cls{}*/
                /*.layouttabs .cls_Respond {background: #3eb16f;position: absolute;left: 7px;top: 60px;}*/


                /*hgroup color-profile MAIL*/
                #mailbox .groupOfmail{width:100%;}

}

@media (min-width:575px) and (max-width:768px){
/*profile*/
  


            .signature .sign_card .row  .col-lg-4.col-md-4:first-child{width:50%;flex:none;}
            .signature .sign_card .row  .col-lg-4.col-md-4{width:50%;flex:none;}
            .signature .note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group{margin-right:0px;}
            .signature .sign_card .row  .col-lg-4.col-md-4:nth-child(3){width:100%;flex:none;text-align:center !important;}


            #Holidaylist .cityone:nth-child(3) .holiday_card .info_card{width:49%;}
            #Holidaylist .cityone:nth-child(3) .holiday_card .inner_card .info_card:nth-child(1){float:left;margin-right:5px;margin-bottom:5px}
            #Holidaylist .cityone:nth-child(3) .holiday_card .inner_card .info_card:nth-child(2){float:left;margin-right:5px;margin-bottom:5px}
            #Holidaylist .cityone:nth-child(3) .holiday_card .inner_card .info_card:nth-child(3){float:left;margin-right:5px;margin-bottom:5px}
            #Holidaylist .cityone:nth-child(3) .holiday_card .inner_card .info_card:nth-child(4){float:left;margin-right:5px;margin-bottom:5px}
            /*#Holidaylist .cityone:nth-child(3) .holiday_card .inner_card .info_card:{float:left;margin-right:5px;}*/


            /*email map*/
            #divEmailMapp .col-md-12 .row .cbk_rad_btn.col-lg-1{width:10%;flex:none;} 
            #divEmailMapp .col-md-12 .row .col-lg-3.col-sm-5.col-xs-10{width:40%;flex:none;} 
            #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .cls_or{width:5% !important;flex:none;margin-top:29PX;}
            #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(3) div:nth-child(5) .chosen-select{width:40% !important}


            /*mail*/
            #mailbox .inboxheading .searchdiv .input_srch {width: 50%;}
            #mailbox .inboxheading .searchdiv {width: 70%;}
            .mail_tag {position: unset;}
            #mailbox .abvox_xflex {display: flex;width:86%;}
            .mail_tag .mail_link {top: 10px;bottom: unset;}
            .mail_content {width: 70%;}
            #mailbox #ComposeEmail .note-editor{margin-top:0px;}
            .downico{display:none;}
            .file_upload_cnt .file_upd_cls{width:100%;}
            .file_upload_cnt .progress{width:100%;}
            .cls_image.Attachmentcollection{margin-right:5% !important;}
            .img_cls{width:75%;}
            .sub_contentheader {font-size: 12px !important;color: #646464;letter-spacing: 0.5px;font-weight: 600;width: auto;border-radius: 20px;padding: 3px 8px;}


            #mailbox .mailrply{display:flex;}
            #mailbox .mailrply .rplyicon{width:60%;}
            #mailbox .rplyicon #ToReplymailid{width:100%;}
            .from_location{display:flex;align-items:center;}
            .inboxcol_collapse_cnt {right:21px;}
            #Replymail #divscrollheight .note-toolbar-wrapper{height:46px !important;}


            #tab7content  #AssignHide .row.contentdetails  .col-lg-4{width:50%;flex:none;}
            #tab7content  #AssignHide .row.contentdetails  .col-lg-4 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

            #tab7content   .row.contentdetails{display:flex !important;}
            #tab7content  #AssignMonthwise .row.contentdetails  .col-lg-4{width:50% !important;flex:none;}
            #tab7content  #AssignMonthwise .row.contentdetails  .col-lg-4 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
        
            #tab7content    #AssignGetHide  .row.contentdetails{display:unset !important;}
            #tab7content  #AssignGetHide .row.contentdetails  .col-lg-2{width:100% !important;flex:none;}
            #tab7content  #AssignGetHide .row.contentdetails  .col-lg-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
}

@media (max-width:767px){
            #mailbox  .replay_all{display:flex;}
            #mailbox .rplycnt_reply .cc_bcc_cnt span{margin-right:5PX;}
            .cbk_rad_btn{width:16%;}
            #mailbox{padding:0px 5px;}
            #mailbox .mailcontent .row{float:unset;width:unset;}
            .mailcontent .inboxcoln{margin:0px;}
            .blockUI.blockMsg.blockPage {width:100% !important;left:0 !important;margin:0 auto !important;}

            /*common top bar*/
            .vertical-menu{left:-70px;}
            .xnavbar{color: #fff;text-align: center;/* padding-right: 10px; */padding-top: 4px;border: 1px solid #fff;width: 30px;height: 30px;position: relative;left: 10px;border-radius: 50%;margin-left: 76%;margin-top: 10px;display:block !important;}

            #notification  #divCannedFormdiv .note-toolbar.card-header.panel-heading{display:inline-block;}
            /*.notification  .Inner_class_Canned .data_content .note-editor.note-frame.card{margin-top:0px;}*/
    
            .Mark_Promotionalad .col-md-10.col-lg-10.tab8content .form-group{width:100%;}
            .Mark_Promotionalad .col-md-10.col-lg-10.tab8content .col-sm-12{width:100%;}
            .Mark_Promotionalad .col-md-10.col-lg-10.tab8content  .row.or{width:100%;}

            /*common header*/
            .bodywrapper {width:100%;left:0px;top:0px;}
            .bodywrapper .hamburger .heading .togle_cls{border-radius:0px;}
            #divBodyWrapper.bodywrapper{width:100% !important;left:0px !important;}

            /*cmn css*/
            /*aside{display:none !important;}*/
            .cmn_section .container{margin-left:0 !important;}
            /*.bodywrapper {position: fixed;width: calc(100% - 18px);top: 10px;left: 10px;z-index: 15;transition: all 0.5s ease-in-out;}*/
            /*#Home #Home_Page{margin-left:0 !important;}
            .bodywrapper#divBodyWrapper{left:0 !important;}*/

            /*home*/

            /*PROFILE*/
            #Summerappand .Signature_cnt .col-xs-12.form-group:nth-child(2){display:flex;justify-content:center;}
              

            /*TIcket*/
            #mailbox  .col-md-1.folder{margin-left:10px;height: 440px;margin-bottom: 10px;}
         


            .holiday_card .clr_date::after{display:none;}

            /*USER*/                     
            #user_creations .contentdetails .col-md-12 .row:nth-child(2) .col-lg-9.col-md-9 .col-xs-12 {width:100%;flex: none;margin-bottom: 10px !important;}
            #usercreation  .user_creations #divUserCreationContent .card .card-body{padding:10px;}
            #user_creations #divUserCreationContent .col-lg-9.col-md-9 fieldset{padding:4px;}

            /*CONFIGURATION GROUP CREATION*/                              
            #configuration .row.config_content{display:block !important;}
            .configuration .config_content .col-md-2:nth-child(1) {width: 246px;}
            #configuration #Hideforview .col-xs-12:last-child{width:100%;display:flex;justify-content:center;margin-bottom:10px;}
            #configuration #groupcreation .contentsinfo{margin-top:35px;}
            #configuration #groupcreation .Groupbtn {position: absolute;top: 1px;right: 3px;}
            #groupcreation #divGroupGridCreation .cls_or {width:100% !important;}
            #groupcreation #divGroupGridCreation .row .col-md-2{display:flex;justify-content:center;}         
         
            /*CONFIGURATION HOLIDAY  */
            #flipFlop .row .col-md-4.col-xs-12:last-child .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
            #configuration .holiday_card .holiday_name h5{font-size:12px;}
            #configuration .holiday_card .clr_date svg:nth-child(2){margin-left:0px;}
            #configuration .holiday_card .clr_date svg{margin-right:5px;}
            #configuration .holiday_card .clr_date h5{font-size:12px;}
            #configuration .holiday_card .main_card .holiday_name {padding-left: 10px;margin-right: 5px;}
                
            #configuration #holidaycreation .contentdetails .row .col-md-1{display:flex;justify-content:center;}
            #configuration #holidaycreation .contentdetails .row .col-md-1 button{width:80%;margin-bottom:10px;}  
            #configuration #holidaycreation  #Holidaylist  .holiday_card .inner_card {padding: 14px 12px 20px 12px;}
            #configuration #holidaycreation .holiday_card .main_card{margin-right:5px;}  
                       
            /*CONFIGURATION  ROASTERMPING */ 
            #configuration #RoasterMapping .roastercontent .roaster_title  h4{width:100%;font-size:13px;}
            #configuration #RoasterMapping .roastercontent .roaster_title div:nth-child(2) button{margin-right:10px;}
            #configuration #RoasterMapping .roastercontent .roaster_title div:nth-child(2){width:100%;display:flex;justify-content:flex-end;  }
            #configuration #RoasterMapping .roastercontent .col-lg-9{width:100%;display:flex;justify-content:center;}
            #configuration #RoasterMapping .shift_btns .btn_color2 {position: absolute;top: -55px;right: 22px;}
         
            /*Email CREATION   ROASTERMPING */                                                            /*common main*/
            #mailbox .inboxcol_icon{display:none;}  
            #mailbox .container{width:100%;max-width:100%;}                                            

            /*roaster maping*/
            #RoasterMapping .wrkng_tmg{width:auto !important;}          
            #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(1) .col-md-1{display:flex;justify-content:center;margin:10px 0px;}            
            #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(3) div:nth-child(5) #ddlUserEmailMapp{width:100%!important}              
            #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(4) .col-md-2.tags{width:100%;}
         
            /*shiftcreation*/
            #configuration #shiftcreation .shiftcontent #checkboxcickdiv{width:100%;float:none;}
            #configuration #shiftcreation .shiftcontent #checkboxcickdiv .config_samediv{width:100%;}
            #configuration #shiftcreation .shiftcontent .containshitdetails{height:auto;}
            #configuration  #AssignGetHide .contentdetails .col-md-12 .col-xs-3:first-child{width:100%;max-width:100%;}
            #configuration #AssignGetHide .contentdetails .col-md-12 .col-xs-12:last-child{width:100%;display:flex;justify-content:center;margin-bottom:10px;}
            #configuration #shiftcreation .shiftcontent .col-lg-8.col-md-6.col-sm-12{width:100%;float:none;}
            #configuration #AssignHide .row .sfhitname_{width:100%;max-width:100%;}
            #configuration #AssignMonthwise .row .adjustdiv{width:100% !important;max-width:100%;flex:none;   }
            #configuration #WeekShow .row div, #configuration #WeekShow .row .spitnameone{width:100% !important;}
            #configuration #shiftcreation #AssignMonthwise .configuration .titlediv h4{font-size:14px;}

            #tab7content .row.configbtn .col-md-3:first-child{text-align:right;padding-right:5PX;}
            #tab7content .row.configbtn .col-md-3:last-child{text-align:left;padding-left:5PX;}
            /*SLA POLICY*/
            .slapolicy #divUserCreationContent .contentdetails .col-md-12 .row .col-md-1{width:100%;justify-content:center;display:flex;}
            .slapolicy    #divUserCreationContent .row.contentdetails .inner_cards .col-xs-12{margin-bottom:5px;}
         
            /*Role master*/

            .Roll_Master #ShowHidechkbox{margin-top:5px}
            .Roll_Master .row.contentdetails #ShowHideGet{width:100%;display:flex;justify-content:center;}
            .Roll_Master .row.contentdetails #ViewRolemaster .shift_table{overflow:auto;height:400px;}
            .Roll_Master .row.contentdetails #ShowHideSubmitFor_get{width:100%;display:flex;justify-content:center;}
            .Roll_Master .row.contentdetails #ShowHideSubmitFor_get button{margin-right:5px;}

            /*NOtification*/ 
            #Inner_Content_Canned_Form .notify_card .row.Inner_class_Canned .col-lg-4.data_content{width:100%;}
            #notification #Inner_Content_Canned_Form .notify_card#divNotifi_fetch3 .col-lg-4 {width: 100%;flex: none;}
            #notification .aft_btn{width:100%;display:flex;justify-content:center;}

            /*REPORTs*/
            /*TAT REPORT*/
            .TATReport  .Datepicker .col-md-2.col-lg-2:last-child{width:100%;display:flex;justify-content:center;}
                
            /*schedularStatusReport*/
            .schedularStatusReport .col-sm-5.col-lg-2:last-child{width:100%;display:flex;justify-content:center;}
        
            /*Session expired*/
            .exp_session {margin:0 auto;width:90% !important;max-width: 94% !important;background: #fff;box-shadow: 0 0 25px rgba(0, 0, 0, .3);padding: 0;border-radius: 6px;position: relative;border: none;}
            .exp_session img {height: 250px;}
            .exp_session .top_head{font-size:20px;}


            /*mailbox*/
            #sidemailopenclose{display:block;}
            #mailbox .col-md-1.folder {margin-left: 3px;height: auto;margin-bottom: 10px;position: absolute;z-index: 1000;/* height: 80vh; */left: -18px}
           #sidemailopenclose{background: #2889ed;color: #fff;padding: 4px 8px;font-size: 15px !important;font-weight: 700;}           
            #mailbox  .inboxcoln.inbox_cls{display:none;width:100% !important;}
            #mailbox .expend_respone{display:none;}
            #mailbox .overvwmail.hide_mail.expandshrink{width: 100% !important;display: none; right: 0px;margin: 0px 0px;}
            /*#mailbox .col-md-1.folder{display:none !important;}*/
           #mailbox #ComposeEmail{margin-right:0px;}
           #mailbox #ComposeEmail .Compose_mail{margin-left:0px !important;width:100% !important;}


}

@media (min-width:769px) and (max-width:991px){




            /*LOGIN Page*/
            #loginpage .sideimg {width: 54%;}
            #loginpage .logininfo{border-radius:0px;}
            #loginpage .containerlike {padding: 65px 10px 20px 10px;}


            /*OTP PAGE*/
            #loginpage .otp_header .login_logo img {margin-right: 35px;}
            #loginpage  #otp_info .otp_assumtion {padding: 40px 0px 10px 0px;}
            #otp_info .otp_header h5 {font-size: 18px;}
            #loginpage  #otp_info .otp_assumtion .otp_box input.form-control {font-size: 22px !important;width: 40px !important;height: 40px !important;}


            /*homepage*/
            #divUserCreationContent .content_wrap .contentdetails .col-lg-4.col-md-4{width:50%;float:left;}




            /*USER*/
            #user_creations .contentdetails .col-md-12 .row:nth-child(2) .col-lg-9.col-md-9 .col-xs-12 {width: 50%;flex: none;float: left;margin-bottom: 10px !important}
            .signature .sign_card .row  .col-lg-4.col-md-4:nth-child(3){width:100% !important;flex:none;text-align:center !important;}
            .signature .note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group{margin-right:0px;}

            /*User creation*/
            #divUserCreationContent .row .col-lg-6.col-md-6.col-sm-12 fieldset{width:100% !important;}
            .holiday_card .clr_date svg:nth-child(2){margin-left:0px;}
            .holiday_card .clr_date svg{margin-right:5px;}

            /*CONFIGURATION GROUP CREATION*/  
            
            #configuration .row.config_content .col-sm-2.col-xs-2:first-child{width:44% !important;}
            #configuration #Hideforview .col-lg-3{width:40%;}
            #configuration #divGroupCreationContent .contentdetails .col-md-12:nth-child(1) .row:first-child .col-xs-12{width:33%;}
            #configuration #divGroupCreationContent .contentdetails  .tags.col-md-10 .col-xs-12{width:50%;}
            #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(1) .col-xs-12.form-group{width:51%;}
            #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(2) .col-xs-12.form-group{width:100%;max-width:100%;flex:none;}
            #configuration #groupcreation .contentsinfo  #divGroupGridCreation .col-md-12.col-lg-12 .col-lg-7{width:100%;}             
            #configuration  #groupcreation .contentsinfo  #divGroupGridCreation .col-md-12.col-lg-12 .col-lg-5{width:100%;}
            /*#configuration #groupcreation .contentsinfo .Groupbtn {position: absolute;top: 2px;right: 22px;}*/

            /*CONFIGURATION HOLIDAY*/

            #configuration #holidaycreation .contentdetails .row .col-md-1{display:flex;justify-content:center;}
            #configuration #holidaycreation .contentdetails .row .col-md-1 button{width:20%;margin-bottom:10px;}

            /*CONFIGURATION  ROASTERMPING */ 

            #configuration #RoasterMapping .roastercontent .roaster_title  h4{width:100%;font-size:15px;}
            #configuration #RoasterMapping .roastercontent .roaster_title div:nth-child(2) button{margin-right:10px;}
            #configuration #RoasterMapping .roastercontent .roaster_title div:nth-child(2){width:70%;display:flex;justify-content:flex-end;}
            #configuration #RoasterMapping .shift_btns .btn_color2 {position:absolute;top:-55px;right: 22px;} 
                  
            /*CONFIGURATION  ROASTERMPING */ 

            #configuration #RoasterMapping .contentdetails #divHidefortimeshift .col-lg-9.col-md-9{display:flex;justify-content:center;}
                        
            /*Role master*/

            .Roll_Master .row.contentdetails #ViewRolemaster .shift_table{overflow:auto;height:400px;}
            .Roll_Master .row.contentdetails #Hideshowtextbox{width:49%;float:left;}
            .Roll_Master .row.contentdetails #ShowHideSubmitFor_get{width:100%;display:flex;justify-content:center;}
            .Roll_Master .row.contentdetails #ShowHideSubmitFor_get button{margin-right:5px;}

            /*NOtification*/ 

            #Inner_Content_Canned_Form .notify_card .row.Inner_class_Canned .col-lg-4.data_content{width:100%;}
            #notification #Inner_Content_Canned_Form .notify_card#divNotifi_fetch3 .col-lg-4 {width: 100%;flex: none;}
            #notification .aft_btn{width:100%;display:flex;justify-content:center;}
            

            /*TAT REPORT*/
            .TATReport  .Datepicker .col-md-2.col-lg-2:last-child{width:100%;display:flex;justify-content:center;}

            /*CUstomer Profile*/
            #RoasterMapping .row.contentdetails  #ShowHideGet{width:100%;display:flex;justify-content:center;margin-bottom:10PX;}

            /*schedularStatusReport*/
            .schedularStatusReport .col-sm-5.col-lg-2:last-child{width:100%;display:flex;justify-content:center;} 

            /*TIcket*/
            .ticketdetails .col-md-12.infoticket #ddl_ticketCount {width: 100% !important;display: block;overflow-x: auto;float: left;}
            .ticketdetails .col-md-12.infoticket #ddl_ticketdetails {width: 100%;display: block;overflow: auto;float: left;width:100% !important;margin-right: 10px;margin-bottom:10px;}

            /*Session expired*/
            .exp_session {margin:0 auto;width:65% !important;max-width: 100% !important;background: #fff;box-shadow: 0 0 25px rgba(0, 0, 0, .3);padding: 0;border-radius: 6px;position: relative;border: none;}
            .exp_session img {height: 250px;}
            .exp_session .top_head{font-size:20px;}

            /*user Creation*/
            .profile_upload .drag-file-area .profile_ img {width: 15%;/* margin-bottom: 14px; */}


            .cmn_content .config_content #shiftcreation .shiftcontent #checkboxcickdiv{width:100%;float:unset;}
            .shiftcontent .containshitdetails{height:auto;}
            .cmn_content .config_content #shiftcreation .shiftcontent .col-lg-8.col-md-6.col-sm-12{width:100%;float:unset;}

            /*mailmapping*/
            /*#configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .cls_or{width:100% !important;}*/
            /*#configuration #emailcreation .contentdetails*/ 
            /*#configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(3) div:nth-child(5) .chosen-select{width:100% !important}

            #shiftcreation #AssignHide .row.contentdetails .col-lg-4.col-md-2{width:100%;flex:none;} 
            #shiftcreation #AssignHide .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

            #shiftcreation #AssignMonthwise .row .col-lg-4.col-md-2{width:100% !important;flex:none;} 
            #shiftcreation #AssignMonthwise .row .col-lg-4.col-md-3{width:100% !important;flex:none;} 
            #shiftcreation #AssignMonthwise .row .col-md-3{width:100% !important;flex:none;} 
       
            #shiftcreation #AssignMonthwise .row .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}*/

              
            /*#shiftcreation #Assignyearwise .row.contentdetails .col-lg-4.col-md-2{width:100%;flex:none;} 
            #shiftcreation #Assignyearwise .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
            #shiftcreation #Assignyearwise .row.contentdetails  .col-lg-2.col-md-3 {width:100%;flex:none;text-align:center !important;} 
      
            #shiftcreation #AssignGetHide .row.contentdetails .col-lg-4.col-md-3{width:100%;flex:none;} 
            #shiftcreation #AssignGetHide .row.contentdetails .col-lg-2.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
            #shiftcreation #AssignGetHide .row.contentdetails .col-lg-3.col-md-3{width:100%;flex:none;} 
            #shiftcreation #AssignGetHide .row.contentdetails .col-lg-2.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}*/


            #tab7content  #AssignHide .row  .sfhitname_{width:100% !important;flex:none;}
            #tab7content  #AssignHide .row.contentdetails  .col-lg-4{width:50%;flex:none;float:left;}
            #tab7content  #AssignHide .row.contentdetails  .col-lg-4 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

            #tab7content   #AssignMonthwise .row.contentdetails{display:flex !important;}
            #tab7content  #AssignMonthwise .row.contentdetails  .col-lg-4{width:50% !important;flex:none;}
            #tab7content  #AssignMonthwise .row.contentdetails  .col-lg-4 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
        
            /*AssignHide*/
            #tab7content  #AssignMonthwise .row .col-lg-4.col-sm-3{width:100% !important;flex:none;}

            /*AssignGetHide*/
            #tab7content    #AssignGetHide  .row.contentdetails{display:unset !important;}
            #tab7content  #AssignGetHide .row.contentdetails  .col-lg-3{width:100% !important;flex:none;}
            #tab7content  #AssignGetHide .row.contentdetails  .col-lg-2{width:50% !important;flex:none;float:left;}
            #tab7content  #AssignGetHide .row.contentdetails  .col-lg-2:last-child{width:100% !important;flex:none;text-align:center;}
            #tab7content  #AssignGetHide .row.contentdetails  .col-lg-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

            /*Assignyearwise*/
            /*#tab7content   .row.contentdetails{display:flex !important;}*/
            #tab7content  #Assignyearwise .row.contentdetails  .col-lg-4{width:50% !important;flex:none;float:left;}
            #tab7content  #Assignyearwise .row.contentdetails  .col-lg-2{width:100% !important;flex:none;text-align:center;}
            #tab7content  #Assignyearwise .row.contentdetails  .col-lg-4 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

            .Mark_Promotionalad .col-md-10.col-lg-10.tab8content .form-group{width:100%;}
            .Mark_Promotionalad .col-md-10.col-lg-10.tab8content .col-sm-12{width:100%;}
            .Mark_Promotionalad .col-md-10.col-lg-10.tab8content  .row.or{width:100%;}

   

 }

@media (min-width:769px) and (max-width:1025px) {


                        /*mail Page*/
                        #mailbox .inboxheading .searchdiv{width:70%;}
                        #mailbox  .col-md-1.folder{width:25%;}
                        #mailbox .mailcontent .row{display:flex}
                        #mailbox .mailcontent .row #MailInboxHideshow{width:75%;}
                        #mailbox .mailbox-name .fromimg{margin-right:15px;}
                        #mailbox  .mail_content .abvox_xflex{display:flex;}
                        #mailbox   .mail_content {width: 70%;}
                        #mailbox .mail_tag .mail_link{right:10px;}
                        #mailbox  .inboxcol_icon.collapsed{display:none;}
                        .frm_mail {display: flex;ALIGN-ITEMS: center;}


                        /* mail box left right content*/
                        #mailbox  #MailInboxHideshow .col-md-4.inboxcoln.inbox_cls{display:none;}
                        #mailbox  #MailInboxHideshow  .overvwmail.hide_mail.expandshrink{width:100% !important;display:none;}
                        #mailbox .profile_cnt .mailreadfrom .profile_nme span {font-size:11px !important; }

                        /*replay mail*/

                        #mailbox .mailrply .rplyicon {width: 60%;}
                        #mailbox .mailrply .rplyicon {width: 60%;}
                        #mailbox .rplyicon #ToReplymailid {width: 100%;}
                        #mailbox #divTicketing .col-lg-4.col-md-4:last-child {text-align: center;}
                        #mailbox #divTicketing .col-lg-4.col-md-4:last-child  button{margin-top:10px;}
                        #Replymail #divscrollheight .note-toolbar-wrapper {height: 46px !important;}
    
                        /*ComposeEmail*/

                        #ComposeEmail {width:100%;}
                        #ComposeEmail .col-md-4.Compose_mail{width:100%;}    
                        #ComposeEmail #downico{display:none;}

}

@media (min-width:1026px) and (max-width:1280px){
                    /*mailbox*/
                    #mailbox .mailoverview .subject_msg{font-size:13px;}
                    #mailbox .inboxheading .searchdiv .input_srch{width:100%;}
                    #mailbox .inboxheading .searchdiv{width:70%;}
                    #mailbox .profile_cnt .mailreadfrom .profile_nme span {font-size:11px !important; }
                    #mailbox .mail_information{width:320px;left:-70px;} 
                    #mailbox .overviewcntnt .mailboxiccon  .btn {font-size:12px !important;padding:5px 7px;}

                    #mailbox .overvwmail.hide_mail.expandshrink#divExpandmail {width:49% !important;}
                    #mailbox .mailrply .rplyicon {width: 60%;}
                    #mailbox .from_location {width: 36%;}
                    #mailbox .mailrply .rplyicon {width: 60%;}
                    #mailbox .rplyicon #ToReplymailid {width: 100%;}
                    #mailbox #divTicketing .col-lg-4.col-md-4:last-child {text-align: center;}
                    #mailbox #divTicketing .col-lg-4.col-md-4:last-child  button{margin-top:10px;}
                    #Replymail #divscrollheight .note-toolbar-wrapper {height: 46px !important;}
                    #mailbox .note-toolbar-wrapper .panel-heading .note-btn-group .note-btn-group.btn-group .btn-sm{font-size:12px !important;padding:4px 7px ;}
                    #mailbox .rplycnt_reply .cc_bcc_cnt span {border: 1px solid #bdbdbd;width: 31px;height: 30px;display: inline-block;border-radius: 3px;text-align: center;padding-top: 1px;transition: all 0.5s ease-in-out;cursor: pointer;font-size: 12px;padding-top: 5px;font-weight: 500;}
                    #mailbox #divTicketing .col-lg-4.col-md-4:last-child  button{margin-top:0px !important;}
                    .frm_mail {display: flex;ALIGN-ITEMS: center;}

}

@media (min-width:992px) and (max-width:1025px){


                    /*OTP PAGE*/
                    #loginpage .otp_header .login_logo img {margin-right: 35px;}
                    #loginpage .otp_assumtion {padding: 20px 0px 10px 0px;}
                    #otp_info .otp_header h5 {font-size: 18px;}
                    #loginpage  #otp_info .otp_assumtion .otp_box input.form-control {font-size: 22px !important;width: 45px !important;height: 45px !important;}
                    /*LOGIN Page*/
                    #loginpage .sideimg {width: 75%;}
                    #loginpage .logininfo{border-radius:0px;}
                    #loginpage .containerlike {padding: 65px 10px 20px 10px;}


                    /*homepage*/
                    .Home .title_icon .count {font-size: 12px;}

                    /*USER*/
                    .signature .note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group{margin-right:0px;}
                    .signature .sign_card .row  .col-lg-4.col-md-4:first-child{width:50%;flex:none;}
                    .signature .sign_card .row  .col-lg-4.col-md-4{width:50%;flex:none;}
                    .signature .sign_card .row  .col-lg-4.col-md-4:nth-child(3){width:100%;flex:none;text-align:center !important;}

                    #usercreation #divUserCreationContent .card-body .contentdetails .col-md-2{width:24%;max-width:100%;}
                    #usercreation #divUserCreationContent .card-body .contentdetails .col-md-6{width:100%;max-width:100%;}
                    #user_creations .contentdetails .col-md-12 .row:nth-child(2) .col-lg-9.col-md-9 .col-xs-12{width:50%}
                    #user_creations .contentdetails .col-md-12 .row:nth-child(2) .col-lg-9.col-md-9 .col-lg-2:last-child{width:100%;display:flex;justify-content:center;}

                    /*CONFIGURATION GROUP CREATION*/ 
             
                    #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(2) .col-xs-12.form-group{width:50%;max-width:100%;flex:none;}
                    #configuration #groupcreation  #divGroupCreationContent .col-md-12 .row:nth-child(2) .col-md-10.tags{width:100%;}
                    #configuration #emailcreation .col-md-12 .row:nth-child(2) .col-sm-5{width:30%;}
                    #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(1) .col-xs-12.form-group{width:51%;}
                    #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(2) .col-xs-12.form-group{width:50%;max-width:100%;flex:none;}
                    #configuration #groupcreation .contentsinfo  #divGroupGridCreation .col-md-12.col-lg-12 .col-lg-7{width:100%;}             
                    #configuration  #groupcreation .contentsinfo  #divGroupGridCreation .col-md-12.col-lg-12 .col-lg-5{width:100%;}

                    /*CONFIGURATION HOLIDAY*/
                    .holiday_card .clr_date svg:nth-child(2){margin-left:0px;}
                    .holiday_card .clr_date svg{margin-right:5px;}
                    #configuration #holidaycreation .contentdetails .row .col-md-3{width:30%;max-width:100%;flex:none;}
                    #configuration #holidaycreation .contentdetails .row .col-md-1{width:20%;max-width:100%;flex:none;}
                    #configuration #holidaycreation .contentdetails .row .col-md-1 button{width:100%;margin-bottom:10px;}
                    #Holidaylist .info_card .main_card{margin-right:5px;}     

                    /*TIcket*/

                    .ticketdetails .col-md-12.infoticket #ddl_ticketCount {width: 100% !important;display: block;overflow-x: auto;float: left;}
                    .ticketdetails .col-md-12.infoticket #ddl_ticketdetails {width: 100%;display: block;overflow: auto;float: left;width:100% !important;margin-right: 10px;margin-bottom:10px;}

                    /*mailbox*/
                    .mail_tag .mail_link {right: 9px;}


                    .cmn_content .config_content #shiftcreation .shiftcontent #checkboxcickdiv{width:40%;float:left;}
                    .shiftcontent .containshitdetails{height:auto;}
                    .cmn_content .config_content #shiftcreation .shiftcontent .col-lg-8.col-md-6.col-sm-12{width:60%;float:left;}

                    /*mailmapping*/
                    /*#configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .cls_or{width:100% !important;}*/
                    #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(3) div:nth-child(5) .chosen-select{width:100% !important}

                    #shiftcreation #AssignHide .row.contentdetails .col-lg-4.col-md-2{width:100%;flex:none;} 
                    #shiftcreation #AssignHide .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

                    #shiftcreation #AssignMonthwise .row.contentdetails .col-lg-4.col-md-2{width:100% !important;flex:none;} 
                    #shiftcreation #AssignMonthwise .row.contentdetails .col-lg-4.col-md-3{width:100% !important;flex:none;} 
                    #shiftcreation #AssignMonthwise .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

              
                    #shiftcreation #Assignyearwise .row.contentdetails .col-lg-4.col-md-2{width:100%;flex:none;} 
                    #shiftcreation #Assignyearwise .row.contentdetails .col-lg-4.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
                    #shiftcreation #Assignyearwise .row.contentdetails  .col-lg-2.col-md-3 {width:100%;flex:none;text-align:center !important;} 
      
                    #AssignHide .row.contentdetails .col-md-3{width:100%;flex:none;} 
                    #AssignHide .row.contentdetails .col-lg-2.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
                    #AssignHide .row.contentdetails .col-lg-3.col-md-3{width:100%;flex:none;} 
                    #AssignHide .row.contentdetails .col-lg-2.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

                    #shiftcreation #AssignGetHide .row.contentdetails .col-lg-4.col-md-3{width:100%;flex:none;} 
                    #shiftcreation #AssignGetHide .row.contentdetails .col-lg-2.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}
                    #shiftcreation #AssignGetHide .row.contentdetails .col-lg-3.col-md-3{width:100%;flex:none;} 
                    #shiftcreation #AssignGetHide .row.contentdetails .col-lg-2.col-md-2 .Zebra_DatePicker_Icon_Wrapper{float:unset !important;}

                    #AssignGetHide{width:60%;flex:none;}
                    #shiftcreation #AssignGetHide .row.contentdetails .col-md-3{width:100%;flex:none;} 
                    #shiftcreation #AssignGetHide .row.contentdetails .col-md-1{width:100%;flex:none;} 
                    #shiftcreation #AssignGetHide .row.contentdetails .col-md-2{width:100%;flex:none;} 
                    #shiftcreation #AssignMonthwise .row .col-md-3{width:45% !important;flex:none;} 
                    #shiftcreation #AssignHide .row .col-md-3{width:45% !important;flex:none;}  
                    #shiftcreation #AssignMonthwise .row .col-md-3{width:45% !important;flex:none;} 


                    #shiftcreation .config_samediv label{font-size:12px !important;}

}



@media(min-width:992px){ 
           
       /*CONFIGURATION  ROASTERMPING */ 
         /*#configuration #RoasterMapping .roastercontent .roaster_title div:nth-child(2) {width: 70%;display: flex;justify-content: flex-end;}
         #configuration #RoasterMapping .shift_btns .btn_color2 {position:absolute;top:-55px;right: 22px;}*/       

          
       /*Role master*/
         .Roll_Master .row.contentdetails #ViewRolemaster .shift_table{overflow:auto;height:400px;}        
         .Roll_Master .row.contentdetails #ShowHideSubmitFor_get{width:100%;display:flex;justify-content:center;}
         .Roll_Master .row.contentdetails #ShowHideSubmitFor_get button{margin-right:5px;}

     /*CUstomer Profile*/
        #RoasterMapping .row.contentdetails  #ShowHideGet{margin-bottom:10PX;} 
     
}


@media (min-width:1025px) and (max-width:1280px){

    #mailbox .overviewcntnt .mailboxiccon .btn {
        font-size: 11px !important;
        padding: 5px 6px;
    }

                .frm_mail {display: flex;ALIGN-ITEMS: center;}
                #notification  #divCannedFormdiv .note-toolbar.card-header.panel-heading{display:inline-block;}
                .notification   .note-editor.note-frame.card{margin-top:0px;}


                #Assignyearwise .col-lg-4.col-md-2{width:50%;flex:none;}
                /*LOGIN Page*/
                #loginpage .sideimg {width: 75%;}
                #loginpage .logininfo{border-radius:0px;}
                #loginpage .containerlike {padding: 65px 10px 20px 10px;}


                /*CONFIGURATION GROUP CREATION*/
                  
                #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(1) .col-xs-12.form-group{width:51%;}
                #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(2) .col-xs-12.form-group{width:50%;max-width:100%;flex:none;}
                #configuration #groupcreation .contentsinfo  #divGroupGridCreation .col-md-12.col-lg-12 .col-lg-7{width:100%;}             
                #configuration  #groupcreation .contentsinfo  #divGroupGridCreation .col-md-12.col-lg-12 .col-lg-5{width:100%;} 

                /*user*/

                #usercreation #divUserCreationContent .card-body .contentdetails .col-md-2{width:24%;max-width:100%;}
                #usercreation #divUserCreationContent .card-body .contentdetails .col-md-6{width:100%;max-width:100%;}
                #user_creations .contentdetails .col-md-12 .row:nth-child(2) .col-lg-9.col-md-9 .col-xs-12 {width: 25%;flex: none;margin-bottom: 10px !important;}

                .holiday_card .clr_date svg:nth-child(2){margin-left:0px;}
                .holiday_card .clr_date svg{margin-right:5px;}

                /*USER*/
                .signature .note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group{margin-right:0px;}
                .signature .sign_card .row  .col-lg-4.col-md-4:first-child{width:50%;flex:none;}
                .signature .sign_card .row  .col-lg-4.col-md-4{width:50%;flex:none;}
                .signature .sign_card .row  .col-lg-4.col-md-4:nth-child(3){width:100%;flex:none;text-align:center !important;}

                /*Session expired*/

                .exp_session {margin:0 auto;width:65% !important;max-width: 100% !important;background: #fff;box-shadow: 0 0 25px rgba(0, 0, 0, .3);padding: 0;border-radius: 6px;position: relative;border: none;}
                .exp_session img {height: 250px;}
                .exp_session .top_head{font-size:20px;}


                /*TIcket*/
         
                .ticketdetails .col-md-12.infoticket #ddl_ticketCount {width: 100% !important;display: block;overflow-x: auto;float: left;}
                .ticketdetails .col-md-12.infoticket #ddl_ticketdetails {width: 100%;display: block;overflow: auto;float: left;width:100% !important;margin-right: 10px;margin-bottom:10px;}


                /*Email Mapping*/

                #configuration #emailcreation .col-md-12 .row:nth-child(2) .col-sm-5 {width: 30%;}


                /*form*/

                #sla_policy  #Child  .card-body .row.Formhide .col-md-2{width:20%;}
                #ChildForm   #Child .row.Formhide{margin-bottom:20px;}
                #ChildForm   #Child .text-center.col-sm-6:last-child button{margin-top:-20px;}


                    
                /*MAIL BOX*/
                /*#mailbox .profile_cnt .mailreadfrom .profile_nme span{line-height:0;}*/
                #mailboxcontainer #mailbinder .Ticketingdiv .mail_content .mail_nme_sub{padding-left:10px;}
                #mailboxcontainer #mailbinder .Ticketingdiv .mail_content .Mail_overdues{padding-left:10px;}
                #mailboxcontainer #mailbinder .Ticketingdiv .mail_content .mailbox-status{margin-left:3px;}
                #mailbox .inbox_cls .mailbox-name  .mailbox-pin{bottom: -6px !important;right: 50px !important;}
                #mailboxcontainer #divExpandmail .overviewcntnt .mail_close{margin-right:3px;}
                #ChildForm #TicketingStatusdetails .col-lg-4.col-md-4{width:100%;}
                /*#slapolicy #divUserCreationContent #BookingFormAIR .col-xs-12.form-group:last-child button {border: none;padding: 12px 4px;margin-top: 16px;border-radius: 8px;font-size: 9px;background: rgb(57,112,169);color: #fff;margin-bottom: 10px;}*/
                .mail_information {width:300px;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 4px;position: absolute;border: 1px solid #ddd;padding: 10px;z-index: 10;top: 17px;}
                #ChildForm #TicketingStatusdetails .col-lg-4.col-md-4:last-child{width:100%;margin-bottom:30px;}
                #Childtoggle #slapolicy .row.Formhide .col-lg-2.col-md-2 {width: 100% !important;}
                .profile_cnt .mailreadfrom .profile_nme .from_mailid span:first-child{display:none !important;position: relative;top: 1px;left: -6px;}
                .profile_cnt .mailreadfrom .profile_nme .from_mailid span:last-child{display: none !important;position: relative;top: 1px;left: -6px;}
                #Expandhideshow  #Replymail .rplymail_description .rply_footer .footer_icons span,  #Expandhideshow  #Replymail .rplymail_description .rply_footer .footer_icons label  {margin-right: 5px;}
                #mailbinder .newmail_cls .mail_content .mail_nme_sub  .mailbox-subject{text-wrap:wrap;}
                .mail_information{padding:4px;}
                .mail_information p span{width:auto;}
                .mail_tag .mail_link {right: 9px;}

                #shiftcreation .config_samediv {width: 100%;float: left;margin-bottom: 10px;}
                #shiftcreation #AssignGetHide{width:100%;}
                #shiftcreation #AssignGetHide .row.contentdetails .col-md-3{width:25%;}
                #shiftcreation #AssignGetHide .row.contentdetails .col-md-2{width:25%;}
                #AssignHide .row.contentdetails .col-lg-4.col-md-2 {width: 50%;}
                /*#AssignMonthwise .row:nth-child(2) .col-md-3{width:33% !im;}*/
                #AssignMonthwise .row.contentdetails .col-lg-4 {width: 50% !important;}
                #AssignWeekwise  #WeekShow .row .col-md-2{width:30% !important;}
                #AssignMonthwise .row._timetaken .col-md-3{width:30% !important;}
                #AssignHide .row._timetaken .col-md-3{width:30% !important;} .row._timetaken .col-md-3{width:30% !important;}
                #AssignWeekwise  #WeekShow .row  .centerdiv {width: 100%;max-width: 100%;display: flex;justify-content: center;}


                #shiftcreation #AssignMonthwise .row .col-lg-4.col-md-3{width:100%;flex:none;}  
                #shiftcreation #AssignMonthwise .row .col-md-1{width:100%;flex:none;text-align:center;}
                #shiftcreation #AssignMonthwise .row .col-md-3{width:50%;flex:none;}  
            
            
                #shiftcreation #AssignHide .row .col-lg-4.col-md-3{width:100%;flex:none;}  
                #shiftcreation #AssignHide .row .col-md-1{width:100%;flex:none;text-align:center;}
                #shiftcreation #AssignHide .row .col-md-3{width:50%;flex:none;} 
            
                #Assignyearwise .row.contentdetails .col-lg-2.col-md-3{width:100%;flex:none;text-align:center;}     
           


}
@media (max-width:780px){
         /*TIcket*/

            .ticketdetails .col-md-12.infoticket #ddl_ticketCount {width: 100%;display: block;overflow-x: auto;}
            .ticketdetails  .contentdetails .col-md-2.col-sm-6.col-sx-12:last-child{display:flex;justify-content:center;}
            .ticketdetails .col-md-12.infoticket #ddl_ticketdetails {width: 100%;display: block;overflow: auto;}



}

@media (min-width:768px){
   
            #mailbox .replay_all{display:flex;}
            #mailbox .rplycnt_reply .cc_bcc_cnt span{margin-right:5PX;}
            /*configuration page*/
            #configuration #emailcreation .contentdetails .col-md-12:nth-child(1) .row:nth-child(1) .col-md-1 {display: flex;justify-content: center;}

            /*Ticket mails*/
            .ticketdetails .col-md-12.infoticket #ddl_ticketCount {width: 50%;display: block;overflow-x:auto;float:left}
            .ticketdetails .col-md-12.infoticket #ddl_ticketdetails {width: 100%;display: block;overflow: auto;float: left;width: 49%;margin-right:10px;}

            /*REPORTs*/
            #tab7content .row.configbtn .col-md-3:first-child{text-align:right;padding-right:5PX;}
            #tab7content .row.configbtn .col-md-3:last-child{text-align:left;padding-left:5PX;}


}

@media (min-width:1280px) {

            /*ticket mail*/
            #Childtoggle #slapolicy .row.Formhide .col-lg-2.col-md-2 {width: 50% !important;}
            #ChildForm #TicketingStatusdetails .col-lg-4.col-md-4 {width: 50% !important;}

            /*common pop up*/

            #flipFlop2  .modal-body .col-md-4 .Zebra_DatePicker_Icon_Wrapper{float:none !important;}


 
            #notification  #divCannedFormdiv .note-toolbar.card-header.panel-heading{display:inline-block;}
            .notification   .note-editor.note-frame.card{margin-top:0px;}

}


@media (min-width:1200px) and (max-width:1400px){
    #mailbox .overviewcntnt .mailboxiccon .btn {font-size: 10px !important;padding: 5px 6px;}

            .holiday_card .clr_date svg:nth-child(2){margin-left:0px;}
            .holiday_card .clr_date svg{margin-right:5px;}
            /*CONFIGURATION GROUP CREATION*/         
            #configuration #divGroupCreationContent .contentdetails  .col-md-12:nth-child(2) .row:nth-child(2) .col-xs-12.form-group{width:28%;max-width:100%;flex:none;}
            /*CONFIGURATION  ROASTERMPING */ 
            #configuration #RoasterMapping .contentdetails #divHidefortimeshift .col-lg-9.col-md-9{display:flex;justify-content:flex-start;}

      
            /*FORM*/
            #ChildForm   #Child .row.Formhide{margin-bottom:20px;}
            #ChildForm   #Child .text-center.col-sm-6:last-child button{margin-top:-20px;}

            /*mailbox*/
            .mail_tag .mail_link {right: 7px;}
}

@media (min-width:1400px) {
    #mailbox .overviewcntnt .mailboxiccon .btn {font-size: 13px !important;padding: 6px 8px;}
}



#mailCount {margin-right: 5px;background: #ececed;padding: 4px 10px;color: #1e529b;font-size: 12px;font-weight: 500;border-left: 2px solid #1e529b;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right: 2px solid #1e529b;border-radius: 4px;}
.ctmfrom {font-size: 13px;font-weight: 600;margin-right: 5px;}
.ctmto {font-size: 13px;font-weight: 600;margin-right: 5px;}
.ctmovrall {font-size: 13px;font-weight: 600;margin-right: 5px;}
counts {font-size: 12px;}
.Header_details .indication .dropdown.show a {text-decoration: none !important;}
#mailbox #mailboxcontainer .mailbox-inner-message {font-family: "Poppins",sans-serif !important;}
#mailbox #mailboxcontainer p.icondetail {font-family: "Poppins",sans-serif !important;}
.file_upload_cnt .cls_JSON {background: linear-gradient(122deg, #fb5c71, #37a6f5ed);}


/*.file_upload_cnt .cls_JSON {
    background: linear-gradient(122deg, #fb5c71, #ff6363ed);
}*/
.file_upload_cnt .cls_JSON svg{font-size:24PX;}

.file_upload_cnt .cls_XML {
    background: linear-gradient(122deg, #727671, #60b36eed);
}.file_upload_cnt .cls_XML {
    background: linear-gradient(122deg, #727671, #60b36eed);
}
.file_upload_cnt .cls_XML svg{font-size:24PX;}
.cls_JSON.Attachmentcollection{padding-top:3px !important;}
.cls_JSON.Attachmentcollection {padding-top: 3px !important;}


#mailbox .groupOfmail {border: /*1px dashed lightgray*/ none;padding: 5px 5px 8px 5px;width: 80%;overflow:auto;border-radius:5px;}
/*#mailbox .groupOfmail .group_pepole  {color: #858585;font-weight: 500;font-size: 8px;padding: 3px !important;border: 1px dotted #c19393;margin-right: 3px;    border-radius: 2px;cursor:pointer;}*/
#mailbox .groupOfmail .group_pepole {color: #858585;font-weight: 500;font-size: 10px;padding: 3px !important;/* border: 1px dotted #c19393; */margin-right: 3px;border-radius: 3px;background: #e5e5e575;cursor: pointer;}
/*#mailbox ._grpmark.group_pepole {background: #ffe4efe8;color: #4f6dff;}*/

/*@media (min-width:1500px) {
    #divExpandmail {
        width: calc(111%) !important;
    }
}*/




#mailbox ._grpmark.group_pepole {
    background: #ffe4efe8;
    color: #3a3a3a;
}

.Togglecrmbutton i{font-size:30px;}
.Togglecrmbutton {padding: 1px 6px;background: #bfd7f3;border-radius: 100%;cursor: pointer;}

#Records .card.home_card {height: 368px;overflow-y: scroll;}

#Records .card.home_card .card_body {margin-bottom: 10px;}

#aViewHistory table tbody tr td {font-size: 12px;color: #546a7f;border-top: 0 !important;word-break: break-word;}



.Commonread.active {background-color:#e6f0ff !important;border-left:4px solid rgb(53, 149, 246);border-radius: 7px 0px 0px 7px;box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #8f8f8f, 0 1px 2px 0 rgb(60 64 67 / 28%), 0 1px 3px 1px rgb(60 64 67 / 33%) !important;}
.Commonread.active .bg_blue {background-color: #fbfbfb17;border: 1px solid #1e529b47;color: #0703f9 !important;}
.Commonread.active  .mailbox-delete {background-color: #ffffff;}
.Commonread.active .mailbox-date {color: #042fab !important;}

#divUserCreationContent .signature .sign_card .col-lg-12 .note-editor .note-editing-area{height:250px !important;overflow:scroll !important;}
/*#divMailContent{width:100% !important;float:left !important;}*/
.mail_status a .opener_mail {  width: auto !important;}


/*.rplymail_description  table{overflow:visible;}
.rplymail_description .note-editor.note-frame .note-editing-area{overflow:unset}
.rplymail_description .note-editor.note-frame .note-editing-area .note-editable {padding: 10px;overflow-x: scroll;display: block;width: 100%;word-wrap: break-word;float: left;overflow-y: scroll;height: 300px;}*/


.col-md-1.folder::-webkit-scrollbar  {width:3px;} 
.col-md-1.folder::-webkit-scrollbar-thumb {background: #888; height: 30px;}
.col-md-1.folder::-webkit-scrollbar-thumb:hover {background: #555;}
    

/*.x-close{    position: absolute;right: 8px;top: -40px;background: #dbdada;height: 20px;width: 20px;text-align: center;padding: 1px 0px 0px 2px;border-radius: 46%;font-size: 12px;color: red;}
.draft_text{color: red;font-size: 15px;font-weight: 500;letter-spacing: 1px;}
.draft_icon{color: red;font-size: 15px;font-weight: 500;letter-spacing: 1px;}    
.cn{display:none !important;} 
.xx-close{border-radius: 30% !important;border: 1px solid blue !important;width: 25px !important;height: 26px !important;padding: 5px 8px !important;color: blue;font-weight: 700;background: #ddddf7;}*/  
.x-close {position: absolute;right: 8px;top: -40px;background: #dbdada;height: 15px;width: 15px;text-align: center;padding: 1px 0px 0px 2px;border-radius: 46%;font-size: 10px;color: red;}
.draft_text{color:#0763c1;font-size: 12px;font-weight: 600;}
.draft_icon{color: #0763c1;font-size: 15px;font-weight: 500;letter-spacing: 1px;}    
.cn{display:none !important;}
/*.xx-close{border-radius: 30% !important;border: 1px solid blue !important;width: 25px !important;height: 26px !important;padding: 5px 8px !important;color: blue;font-weight: 700;background: #ddddf7;}*/
/*.xx-close {border-radius: 50% !important;border: 1px solid blue !important;width: 24px !important;height: 24px !important;padding: 5px 7px !important;color: blue;font-weight: 700;background: #ddddf7;}*/
.mailbox-date{ display: block;color: #636c86;font-size: 10px;}
.Ticketdrftgdiv .mailbox-subject{line-height:21px;}
.Ticketdrftgdiv .mailbox-inner-message.in{padding-left:1px;}

.mailbox-inner-message.in{padding-left:1px;}

#FilterMergingDetails{ padding: 10px;margin-top: 10px;border: 1px solid lightgrey;}
#FilterMergingDetails{padding: 20px;margin-top: 10px;border: 1px solid lightgrey;background: #f3f3f3;border-radius: 7px;border-top:5px solid #1e529b}
#FilterMergingDetails .show_cont{display:flex;}
#FilterMergingDetails .in_cont{     color: #294b7a;font-size: 14px;font-weight: 500;width: 20%;margin-bottom: 5px;}
#FilterMergingDetails .out_cont  {font-size: 12px;color: #000;font-weight:500;width:80%;text-wrap:wrap;margin-bottom: 5px;padding-top:3PX;}
#FilterMergingDetails .cls_mergr{width:100%;text-align:center;}
#FilterMergingDetails .cls_mergr button{height: 30px;border: none;padding: 0 15px;border-radius: 3px;background: #f89a29;color: #fff;}
#Composetoggle.inboxcol_collapse_cnt.in{right:36px;z-index:0;}



/*TicketingReport*/
.ticketingReporting label{font-size: 12px;color: #56595d !important;font-weight: 600;margin-bottom: 0px;}
.ticketingReporting  input{height:34px !important;} 
.ticketingReporting .col-lg-2.col-md-2{max-width:20%;flex:none;width:100%}
.ticketingReporting .box-designmodal {border: 1px solid #d1e5ff;border-radius: 10px;margin: 15px 0px;padding: 10px 15px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
#Image_view .modal-header{display:flex;justify-content:space-between;}

/*.note-editable {font-family:Arial !important}*/
#mailbox #ComposeEmail .Compose_mail{width: 97%;height: calc(100vh - 100px);position: relative;background-color: #fff;padding: 0px;box-shadow: 0 0 20px 3px rgb(0 0 0 / 8%);border-radius: 4px;overflow: auto;padding-bottom: 22px;margin-left: 15px;}/*margin-top: 20px;height: 88vh;*/
.file_upload_cnt{max-height: 79px;overflow-y: scroll;}


.cmn_checkeddesign { display: list-item;background:rgb(76, 137, 189);color: rgb(255, 255, 255) !important;}
.cmn_checkeddesignparent    .cmn_checkeddesign  label{color:#fff !important;margin-left:15px;}
.cmn_checkeddesignparent    .cmn_checkeddesign input[type=checkbox]:checked + label:before {background-color: #fbfbfb !important;border-color: #f9f9f9 !important;color: #0e3d6e !important;}
.cmn_checkeddesignparent    .cmn_checkeddesign input[type=checkbox] + label:before{border: 0.1em solid #fff !important;width: 12px;height: 12px;padding-top: 0px;padding-left: 1px;padding-bottom: 0px;border-radius:3px;}
.RM_list.cmn_checkeddesignparent .cmn_checkeddesign:hover{background-color: #417fdd !important;}
.RM_list.cmn_checkeddesignparent .cmn_checkeddesign span{    text-decoration: underline;font-size: 11PX;letter-spacing: 0.2px;margin-left: 0px;letter-spacing:0.2px}
.sub-menunagle input:checked + label .nagle-down {display: block;}
.sub-menunagle{position:relative;}
.nagle-down{display:none;position: absolute;top: 7px;right: 18px;font-size: 18px;color: #0b5baf;}

#mailbox #ComposeEmail .Compose_mail .compose_head h5{margin:5px 0px;color:rgb(2,106,181);}
#mailbox #ComposeEmail .Compose_mail .Composemaildescription .typemail .bootstrap-tagsinput input{height:30px !important; width:inherit !important}
#mailbox #ComposeEmail .Compose_mail .subject textarea {border-bottom: 1px solid #ededed !important;padding: 5px 6px;border-top: none !important;border-radius: 0px;border-left: none !important;border-right: none !important;max-height: 30px !important; height: auto !important;}
#ddlFrommailidlist .chosen-container-single .chosen-single span:first-child{color:#9dacb5;}
/*.note-editable.card-block p{margin-bottom:1px;}*/
/*#mailbox .profile_cnt .mail_receieved span:nth-child(2){margin-left:10px;}*/
.mms_recivedresult{top: 8px;width: 40%;text-overflow: ellipsis;position: relative;overflow: hidden;white-space: nowrap;right:35px;}
#ComposeEmail .typemail .bootstrap-tagsinput span:first-child .tt-menu {left: 0px;position: absolute;top: 100%;z-index: 990 !important;right: auto !important;}
/*#mailbox .profile_cnt .mail_profile.MailHideshowcls  .replay_icon::after {content: '';border: 1px solid #cbcbcb;position: absolute;height: 25px;right: 30px;}*/
  /*OTP section*/
 #loginpage .otp_assumtion .otp_box .form-control{margin:0px !important;}
#loginpage .otp_assumtion .otp_box input.form-control{   border: 1px solid #e8eaed !important;background-color: aliceblue !important;font-size: 24px !important;width:50px !important;height: 50px !important;margin-right: 6px !important;text-align: center;padding:10px;}
#loginpage .otp_assumtion .otp_box .input-fields{display:flex !important;justify-content:center;margin:24px 0px;}
#loginpage .otp_assumtion  {padding: 70px 0px 10px 0px;}  
  
/*#loginpage  .logininfo.otp_info{display:flex;align-items:center;justify-content:center;}*/
#loginpage .otp_assumtion .btn-color1 {
background-color: #4076cb;
border-radius: 3px;border-width: 0;color: #fff;cursor: pointer;margin: 12px 0 0;outline: none;overflow: hidden;padding: 10px 0px;transition: all .2s, box-shadow .08s ease-in;user-select: none;position: relative;width:30%;border-radius:30px;font-weight:600;}

#loginpage .otp_assumtion .btn_color2.clear {background-color: #f89a29 !important;border-radius: 3px !important;border-width: 0;color: #fff !important;cursor: pointer !important;margin: 12px 0 0 !important;outline: none !important;overflow: hidden !important;padding: 10px 0px !important;transition: all .2s, box-shadow .08s ease-in !important;user-select: none;position: relative !important;border: 1px solid #f89a29 !important;height:40px !important;font-size:14px !important;width:30%;border-radius:30px !important;font-weight:600;}
#loginpage .otp_assumtion .action-btns{display: flex;justify-content: center;align-items: baseline;}
/*.btn_color2 {background-color: #f89a29 !important;color: #fff;margin-top: 20px;font-size: 13px !important;height: 35px;border-radius: 6px;border: 1px solid #f89a29 !important;}*/
/*.otp_assumtion .img-pcle img{height:120px;}*/
.otp_assumtion .floa-left p{text-decoration: underline;letter-spacing: 0.5px;color: gray;line-height: 40px;}
.otp_header h5{    margin: 2px 0px;font-size: 24px;margin-bottom:18px;color: #3263b1;}
.otp_header p{margin:2px 0px;font-size:12px;}
.otp_header p:last-child {font-weight: 600;}
#loginpage .otp_header .class_clsleft{margin-left:24%;}


/*this is for multiselect  chosen scroll*/
#ddlviewer .chosen-container-multi .chosen-choices{overflow:auto;}
#ddlviewer .chosen-container-multi .chosen-choices::-webkit-scrollbar {width: 3px;height: 3px;}


.contentheader{ margin-bottom: 5px;padding: 4px 0px;background: #f3f3f3;margin-top:5px;}
.sub_contentheader {font-size: 13px;color: #646464;letter-spacing: 0.5px;font-weight: 600;width: auto;border-radius: 20px;padding: 3px 40px;}
.logo_Travrays img{width:48px !important;}
.trav_loginlogo img {width: 25% !important;margin-right:5%;}

/*#Login_info{display:none;}
#otp_info{display:block !important;}*/

#mailbox .note-popover .popover-content, .card-header.note-toolbar{background:#F0F0F0;}
.mailboxiccon .tt-menu .tt-dataset .tt-selectable {
    color: #000;
    text-align: left;
}






/*.labelmodal .modal-body {position: relative;padding: 20px;height: 121px;padding: 38px 30px;}*/
.labelmodal .modal-footer button{color:#fff !important;padding:5px 12px !important; }
.outbtn{height: 31px;font-size: 13px !important;font-weight: 600;transition: none !important;transform: none !important;border: 1px solid #9ca8b3 !important;padding: 3px 4px;background: none;color: #1E529B;border-radius: 4px}
.open_label .twitter-typeahead{width:100%;}


/*.labelmodal .modal-dialog {width: 270px;margin-top: 5%;margin-left: 65%;}*/
/*.labelmodal  .modal-body .__createlabelcontent:first-child{border:none !important;padding:0px !important}
.labelmodal  .modal-body .__createlabelcontent:last-child{border:none !important;}
.labelmodal  .modal-body .__createlabelcontent{padding:4px 8px;border-bottom: 1px solid #d6d6d659;}
.labelmodal  .modal-body .__createlabelcontent h5{margin:0px;font-size: 14px;color: #4f4f4f;letter-spacing: 0.5px;padding-left: 5px;margin: 5px 0px;}
.labelmodal  .modal-body .__createlabelcontent ul{margin-bottom:0px}
.labelmodal  .modal-body .__createlabelcontent ul li{line-height: 25px;list-style-type:none;font-size: 13px;color: #404040ad;font-weight: 500;}*/



.____designdroper{padding:10px 0px;color:#000;border:1px solid #d6d6d659;position:absolute;border-radius:5px;background:#fff;box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12), 0px 5px 5px -3px rgb(0 0 0 / 3%); top: 44px;width:200px;opacity: 1;translate: 0;visibility: visible;z-index: 1000; animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.____designdroper.__mailcont{top:75px;right:20px;}

.____designdroper .__Cheked.active::before {font-family: "FontAwesome";content: "\f00c";font-size: 14px;color: #2737489c;position: absolute;left: 8px;top: 0px;opacity:1;}
.____designdroper .__edit::before {font-family: "FontAwesome";content: "\f044";font-size: 17px;color: #273748;position: absolute;left: 8px;top: 0px;}
.____designdroper .__delete::before {font-family: "FontAwesome";content: "\f1f8";font-size: 17px;color: #273748;position: absolute;left: 8px;top: 0px;}

.____designdroper .__createlabelcontent:first-child{border:none !important;padding:0px !important;box-shadow:none !important;display:none;}
.____designdroper .__createlabelcontent:last-child{border:none !important;box-shadow:none !important;}

.____designdroper .__createlabelcontent{padding:4px 8px;border-bottom: 1px solid #d6d6d659;transition: all 0.5s ease-in-out;box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);}
.____designdroper .__createlabelcontent h5{margin:0px;font-size: 14px;color: #5f6368;letter-spacing: 0.5px;padding-left: 5px;margin: 5px 0px;}

.____designdroper .__createlabelcontent.____firstmax{padding-right:0px;}
.____designdroper .__createlabelcontent.____firstmax ul {max-height: 300px;overflow-y: scroll;}
.____designdroper .__createlabelcontent ul{margin-bottom:0px;width: 100%;padding: 0;}

.____designdroper .__createlabelcontent ul li{line-height: 25px;list-style-type:none;position:relative;width: 100%;padding-left: 35px;transition: all 0.5s ease-in-out;}

.____designdroper .__createlabelcontent ul li a {font-size: 13px;color: #202124d1;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block;}
.____designdroper .__createlabelcontent ul li a:hover{color: #515151;text-decoration:none;} 
.____designdroper .__createlabelcontent ul li:hover{background: #ebf2fb;}

.____designdroper .__createlabelcontent ul::-webkit-scrollbar {width: 6px; /* Width of the scrollbar */}
.____designdroper .__createlabelcontent ul::-webkit-scrollbar-thumb {background-color: #888; /* Thumb color */border-radius: 3px; /* Rounder edges */}
.____designdroper .__createlabelcontent ul::-webkit-scrollbar-track {background: #f1f1f1; /* Track color */}


.inboxcoln.inbox_cls .mailboxbody .content .___justifyopenmail.btn-default {right: unset;left: 9px;top: unset;bottom: 4px;}
.inboxcoln.inbox_cls .mailboxbody .content .___justifyopenpin.btn-default {right: unset;left: 32px;top: unset;bottom: 4px;}
.inboxcoln.inbox_cls .mailboxbody .content .____designdroper.__mailcont {/* bottom: -114px; */left: 0px;/* right: unset; */top: 152px;}
.mailboxbody .content  .___justifyopenmail.btn-default {float: right;font-size: 12px !important;padding: 2px 4px 0px;color: #1e529b !important;border: 1px solid #1e529b45;border-radius: 5px;position: absolute;right: 13px;top: 47px;width: 20px;height: 20px;}
.mailboxbody .content  .___justifyopenpin.btn-default {float: right;font-size: 12px !important;padding: 2px 4px 0px;color: #1e529b !important;border: 1px solid #1e529b45;border-radius: 5px;position: absolute;right: 13px;top: 70px;width: 20px;height: 20px;}


@keyframes scale-up-ver-top {0% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;}100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;}}


/*.labelmodal .modal-dialog{width:450px;margin-top:10%;}*/
#mailbox #flipFlop .row {float: unset;width: 100%;height: auto;}
#mailbox #flipFlop .btn_color1{color:#fff !important;}


.reminder_cls {
    width: 300px;
    height: auto;
    background: #72bff5;
    float: right;
    padding: 10px 20px;
    border-radius: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    position: absolute;
    margin-right: 10%;
    position: absolute;
    top: 19%;
    right: -7%;
}
.reminder_cls .reminder_header h5{    text-align: center;}
.reminder_cls .reminder_header h5 span:last-child{    font-size: 22px;background: #72BFF5;position: absolute;top: -22px;right: 46%;height: 40px;width: 40px;border-radius: 50%;padding: 9px;color: #fbfbfb;border: 1px solid #fff;}
.reminder_cls .reminder_header h5 span:first-child{    font-size: 18px;margin-right: 10px;color:#fff;}
.reminder_cls .reminder_body{font-size: 14px;letter-spacing: 0.3px;text-align: justify;} 
/*.reminder_cls .reminder_header h5:after{content:'';border-bottom:1px solid #fff;}*/
.reminder_cls .reminder_header h5:after {content: '';border-bottom: 1px solid #fff;position: absolute;top: 43px;width: 300px;left: 0px;}
.reminder_cls .facircle{height:50px;width:50px;position:absolute;border-radius:50%;background:#fff;}
.reminder_cls .facircle.c1{ left: -42px;top: 43%;display:none;}
.reminder_cls .facircle.c2{ right: -38px;top: 43%;display:none;}



.slide-top {-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}



.slide-top {-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-top {
0% {-webkit-transform: translateY(0);transform: translateY(0);
}
100% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
}
@keyframes slide-top {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}}

.cmn_rdio input[type="radio"] {height:auto !important;margin:4px 6px;}
.cmn_rdio .rdiobox{display:flex;align-items:center;}
.cmn_profilehed {margin: 15px 0px;background: #faf2fd;color: var(--color-primary);border-radius: 5px;}
.cmn_profilehed h3 {font-size: 15px;padding: 11px 5px;font-weight: 500;border-radius: 4px;letter-spacing: 0.5px;font-weight: 600;}

.cmn_check input[type=checkbox]{display:inline-block;height:auto !important;margin:0px 4px 0px 0px !important;}
.cmn_check .rdiobox {display: flex;align-items: center;margin-right:15px !important;}



.diclusion_content td{padding: 5px;color: #333;font-size: 13px;border: 1px solid #eee;text-align: center;font-weight: 500;border-collapse: collapse;}
.diclusion_content th{padding:5px;font-weight:500;color:#fff;font-size:13px;white-space:nowrap;background:#666666;border-right:1px solid #989c9f;}
.diclusion_content{float: left;width: 100%;max-height: 320px;overflow-y: auto;}
.dix_clu{float: left;width: 100%;text-align: center;}
.dix_clu span{float: left;width: 100%;text-align: center;font-size: 16px;font-weight: 600;padding: 5px 0px;background: #fff7f9;color: #b00002;}


/*.selectfaretypes{position: relative;}
.selectfaretypesp {padding: 0 10px;margin: 0;float: left;color: #000;font-size: 11px;font-weight: 600;height: 40px;}
.selectfaretypes .custom-control-inline {padding: 0;margin: 0;position: relative;}
.selectfaretypes .custom-control-input:checked~.custom-control-label::before {background: none;border: none;box-shadow: none;}
.selectfaretypes  input[type=checkbox] {position: absolute;left: 4px;top: 12px;padding: 0;border-radius: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 50%;width: 18px;height: 18px;border: 1px solid #605d5c;z-index: 1;opacity: 1;}
.selectfaretypes  input[type=checkbox]:hover, #_Msearchview #MultiFareDiv input[type=checkbox]:focus {outline: none !important;}
.selectfaretypes .custom-control-label {cursor: pointer;color: #605d5c;text-align: left;font-size: 11px;font-weight: 500;background-color: #f7f7f7;padding: 5px 15px 5px 30px;}
.selectfaretypes .custom-control-label::before {top: 12px;left: 5px;box-shadow: none;}
.selectfaretypes  .custom-control-label::before {top: 12px;left: 5px;box-shadow: none;}
.selectfaretypes .custom-control-input:checked~.custom-control-label::before {background: none;border: none;box-shadow: none;}
.selectfaretypes input:checked + label {color:cornflowerblue);background: #e0effd;}
.selectfaretypes .custom-control-inline {padding: 0;margin: 0;position: relative;}
.selectfaretypes input[type=checkbox] {position: absolute;left: 4px;top: 12px;padding: 0;border-radius: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 50%;width: 18px;height: 18px;border: 1px solid #605d5c;z-index: 1;opacity: 1;}
.selectfaretypes input:checked {border: 5px solid blue !important;}
.selectfaretypes  .custom-control-label {cursor: pointer;color: #605d5c;text-align: left;font-size: 11px;font-weight: 500;background-color: #f7f7f7;padding: 5px 15px 5px 30px;}
.selectfaretypes input:checked + label {color: var(--color-primary);background: #e0effd;}
.selectfaretypes .custom-control-inline:first-child .custom-control-label {border-radius: 6px 0 0 6px;}*/

.form-control_{    border: 1px solid #e7e7e7;}
.w-100{width:100%;}
/*.cmndesignside_btn {background-color: #1e529b !important;color: #fff;}*/
.cmndesignside_btn .btn { background-color: transparent !important;color: #54276B;font-size: 13px !important;/* height: 35px; */width: 100%;text-align: left;font-weight: 500;}
.cmndesignside_btn {background-color: #fdf7ff !important;/* color: #fff; */text-align: left;border-bottom: 1px solid #dbdbdb;}
.cmndesignside_btnhead{text-align:center;padding:5px;}
.cmndesignside_btn:last-child{border:none !important;}
.form-group_{border: 1px solid #54276B;border-radius: 10px; overflow:hidden;}


/*.cmndesignside_btn .cb:checked ~ .cbx {background: #54276B !important;}
.cmndesignside_btn .cb:checked ~ .cbx {border-color: transparent !important;animation: jelly 0.6s ease;background: #00afe1;}
.cmndesignside_btn .cb:checked ~ .cbx:after {opacity: 1 !important; transform: rotate(45deg) scale(1) !important}
.cmndesignside_btn .cbx:after {content: '';position: absolute;top: 3px !important;left: 6px;width: 5px !important;height: 10px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}*/

.cmndesignside_btn input[type=checkbox]:checked + label:before {background-color: #54276B !important;border-color: #54276B !important;color: #fff !important;}
@keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    20% {
        transform: scale(1.3, 0.7);
    }

    40% {
        transform: scale(0.7, 1.3);
    }

    60% {
        transform: scale(1.1, 0.9);
    }

    80% {
        transform: scale(0.9, 1.1);
    }

    to {
        transform: scale(1, 1);
    }
}
#Formbinder .modal-header {
    background: var(--color-primary);
    margin-bottom: 15px;
    margin-top: 0px;
    color:#fff !important;
    font-weight: 600;
    margin-bottom: 0px !important;
    font-size: 16px;
}
#Formbinder .cmn_section {margin-top:0px;}
#Formbinder .modal-header h1{color:#fff !important;}
#Formbinder .modal-body{padding:10px;}
#Formbinder .container {margin:0px;}
#Formbinder{overflow:hidden;}
#Formbinder .modal-dialog {position: absolute;height: 115vh;transform: translate(0, 0);margin: 0px;top: -30px;z-index: 1041;right: -20px;left:unset;}
#Formbinder .modal-content {float: left;width: 100%;height: 100%;border: none;border-radius: 0px;}
#Formbinder .modal-content .modal-body {float: left;width: 100%;height: 100%;padding-bottom: 0px;}

.cmn_search{    position: absolute;
    right: 25px;
    top: 13px;
}
#Formbinder .modal-dialog{width: 80%;max-width: 80%;}


.Compose_mailid .Compose_mail {width: 97%;height: calc(100vh - 100px);position: relative;background-color: #fff;padding: 0px;box-shadow: 0 0 20px 3px rgb(0 0 0 / 8%);border-radius: 4px;overflow: auto;padding-bottom: 22px;margin-left: 15px;}
.Compose_mailid .Compose_mail .compose_head {margin: 0px;padding: 2px 14px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #e9e9e9;border-radius: 4px 4px 0 0;background: var(--color-primary);color: #fff;}
/*.Compose_mailid .Compose_mail .compose_head {margin: 0px;padding: 2px 14px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #e9e9e9;border-radius: 4px 4px 0 0;background: #faf2fd;}*/
.Compose_mailid .Compose_mail .cc-bcc-position {position: relative;padding-right: 15px;top: 3px;width: 15%;text-align: right;}
.Compose_mailid .Compose_mail .Composemaildescription .typemail .bootstrap-tagsinput {border-bottom: 1px solid #ededed;border-radius: 0px !important;border-top: none;border-left: none;border-right: none;min-height: 30px;padding: 0px 1px;}
.Compose_mailid .Composemaildescription .tobox_widrh {width: 85% !important;}
.Compose_mailid .typemail.__Tomail {display: flex}
.Compose_mailid .rply_footer button{background-color:  var(--color-primary);border: 0;border-radius: 3px;color: #fff;cursor: pointer;display: inline-block;font-weight: 600;outline: 0;padding: 8px 0px;position: relative;text-align: center;transition: all .3s;touch-action: manipulation;width:100px;font-size:13px;}
.Compose_mailid .rply_footer button:hover{color:#fff;}
.Compose_mailid .rply_footer button:focus{color:#fff;box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;}
.Compose_mailid .rply_footer #btnbinder button span:nth-child(1)::after{content: " ";position: absolute;width: 1px;height: 22px;background-color: rgb(30, 82, 155);left: 66px;top: 7px;}
.Compose_mailid .rply_footer #btnbinder button span:nth-child(2){float: right;padding-right: 8px;}
.Compose_mailid .rply_footer #btnbinder button span:nth-child(2) svg{width:12px}
.Compose_mailid .rply_footer span{padding:0 3px;}
.Compose_mailid .rply_footer span:hover{cursor:pointer;}
.Compose_mailid .rply_footer .form-group select{height:34px !important}
.Compose_mailid .rply_footer .col-lg-4{width:26%}
.Compose_mail .rply_footer {border: 1px solid #ebebeb;border-top: none;margin: 0px;}
.Compose_mailid .rply_footer {border-top: 1px solid transparent;padding: 5px;background: #f2f2f2;position: sticky;}
/*.contol_composemail {border: 1px solid var(--color-primary);padding: 10px 0;}*/

.twitter-typeahead{width:100%;}
.tt-menu{width:100%;float:left;position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 10rem;/*padding: .5rem 0;*/margin: .125rem 0 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem}

.tt-suggestion.tt-selectable {background: var(--color-white);text-decoration: none;float: left;width: 100%;padding:10px 5px;float: left;width: 100%;border-bottom: 1px solid #f0f0f0;font-size:13px;font-weight:600;color:var(--color-primary);}
#exampleModal .stopcls  .btn_color1,  #exampleModal .stopcls .btn_color2{width: 59px;font-size: 15px !important;font-weight: 600;}




.remove_rtrash .btn{font-size:13PX !important;}

.trash_btn {position:relative; background-color: var(--color-primary) !important;color: #fff;margin-top: 20px;font-size: 13px !important;height: 29px;font-weight: 500;border: 1px solid  var(--color-primary)  !important;border-radius: 25px !important;margin-right: 10px;padding: 5PX 10px;letter-spacing: 0.8px;top:10px;}
.trash_btn:hover {background-color: var(--color-secondary) !important;color: #fff;margin-top: 20px;font-size: 13px !important;height: 29px;font-weight: 500;border: 1px solid #0085c5 !important;border-radius: 25px !important;margin-right: 10px;padding: 5PX 10px;letter-spacing: 0.8px;}
/*.trash_btn:hover {background-color: #0085c5 !important;color: #013a8b;margin-top: 20px;font-size: 13px !important;height: 29px;font-weight: 500;border: 1px solid #013a8b !important;border-radius: 25px !important;margin-right: 10px;padding: 5PX 15px;letter-spacing: 0.8px;}*/
/*.trash_btn span{margin-right:5px;}*/
/*.trash_btn:hover{ background-color: #0085c5  !important;color: #fff;margin-top: 20px;font-size: 13px !important;height: 35px;font-weight: 500;border: 1px solid #013a8b14 !important;border-radius: 6px;}*/
.deas_line .non_cmn{background: #ffdcdc;padding: 3px 5px;margin-right: 12px;font-size: 11px;color: #525252;font-weight: 600;letter-spacing: 0.7px;border-radius: 5px;}
.deas_line button{    height: 26px !important;font-size: 12px !important;font-weight: 500;padding: 0px 5px;}
.deas_line .bac_up .btn_spn{margin-right:4px;}
.deas_line .bac_up .btn_spn::after {content: '';position: absolute;height: 30px;color: #fff;border-right: 1px solid #fff;left: 19px;top: -2px;}
.trash_btn .btn_span::after{    content: '';position: absolute;height: 30px;color: #fff;border-right: 1px solid #fff;left: 26px;top: 0px;border-radius: 0px 35px;} 

#mailbox .mailcontent .inbox_cls .cmn_trash {    width: 88%;flex: none;/* float: left; */text-align: left;display: flex;bottom:0;}
#mailbox .mailcontent .inbox_cls .cmn_trash .trash_btn {position: relative;background-color: var(--color-primary) !important;color: #fff;margin-top: 0px;font-size: 13px !important;height: 29px;font-weight: 500;border: 1px solid #0085c5 !important;border-radius: 25px !important;margin-right: 10px;padding: 5PX 10px;letter-spacing: 0.8px; top: -4px; }
.trash_delt{position:absolute;right:27px;}


#view_boxdetails .col-lg-2{width:14%;flex:none;}
#view_boxdetails .col-lg-2#GeneralCourtesycall{width:16%;flex:none;}
.note-float-right{float:right;}

#subandstatuspopupdiv .modal-dialog{width:950px;}
#subandstatuspopupdiv .modal-content{width:950px;}

.float-right{float:right !important;}
#MoveSmsID{color:#6c6c6c;font-size:14px;}

.w-50{width:50%;}
._Mrborder{border-right:none !important;}
._Nodataimg{width:50%;margin-left:25%;}






#movetoSMSmodal .modal-body {min-height: 100px}


/*Additional CSS*/
#MoveSmsID{color:#e34c04c4;font-size:14px;}

/*Additional CSS*/
.red {color: #db3973 !important;}
#ChildForm legend {display: block;width: 127px;/* padding: 0; */margin-bottom: 10px;font-size: 13px;line-height: inherit;color: #484848;border: 0;padding: 1px 6px;/* height: 20px; */border-radius: 2px;font-weight: 500;background: #eff5ff;padding: 4px 9px;border-radius: 5px;letter-spacing:0.7px;height:unset;}
label._roomdetailslabel{margin-bottom: 20px;color: #282828 !important;background: #ffc074;padding: 7px 14px;border-radius: 0px 10px 0px 10px;}



.cls_Querystring.cmn_section {margin-top:20px;}
.cls_Querystring.cmn_section .container:first-child {max-width: 100%;margin: 0 40px 0 40px;}

/*Escalation Config design*/
.Ex_btn { position: absolute;top: 18px;right: 22px;}
 .fixed  {position:fixed !important;} #divExGrid table tbody tr th {    background: #667386;    color: #fff;    font-weight: 500;    font-size: 13px;    text-align: center;    padding: 10px 7px;    position: sticky;    top: 0;}
 #divExGrid table tbody tr th {    background: #667386;    color: #fff;    font-weight: 500;    font-size: 13px;    text-align: center;    padding: 10px 7px;    position: sticky;    top: 0;}
 #divExGrid table {   width: 100%;    border: 1px solid #ddd; }
 #divExGrid table tbody tr td {    padding: 10px 5px;    font-size: 12px;    border: 1px solid #ddd;}
/*Escalation Config design*/



._FUN ul{padding-left:0px;}
._FUN ul li{list-style:none;margin-right:10px;}

.att_bin{font-weight: 600;font-size: 10px;padding-top: 8px !important;letter-spacing: 1px;background: linear-gradient(122deg, #00b700a3, #000000ed);color: #fff !important;}
._binu .progress .progress-done{background: linear-gradient(122deg, #00b700a3, #000000ed);}
._binu  .trash_icon{color:green;}



.__Removelabel{font-size: 12px;float: right;margin-right: 10px;letter-spacing: 0.5px;font-weight: 400;position:relative;top:-4px;margin-left:10px;display:flex;}
.__Removelabel .fa-arrow-right-from-bracket{font-size: 16px;color: var(--color-btn-primary);}

/*.__Removelabel:hover {color: #0d436a;text-decoration: underline;font-weight: 500;}*/

/* Hide _Azxs by default */
.__Removelabel ._Azxs {display:none;transition: opacity 0.3s ease; /* Smooth transition */  background: var(--color-primary);color: #fff;padding: 4px;margin-right: 10px;font-size: 10px;font-weight: 600;}
._Azxs::after {font-family: 'FontAwesome';content: '\f04b';font-size: 16px;margin-left: 5px;position: absolute;color: var(--color-btn-primary);right: 17px;z-index: 0;top: 1px;}
/* Show _Azxs when hovering on __Exit */
.__Removelabel .__Exit:hover ~ ._Azxs {transition: opacity 0.3s ease; /* Smooth transition */display:block;}
.__Removelabel:hover  ._Azxs{ display:block;}
.note-toolbar .dropdown-fontname {width: 150px !important;padding: 5px;}

.note-toolbar .note-btn-group .note-btn.btn:hover {color: #000;}
.note-toolbar .dropdown-item {display: block;width: 100%;font-size: 13px;}
.note-toolbar .dropdown-fontname {width: 150px !important;padding: 5px;}

   /*compose mail*/
.Composemaildescription .row{margin:0px 15px;}
#ComposeEmail    .Composemaildescription .row{float: none !important;height: unset !important;width:98%;}
.Composemaildescription .row .col-lg-1{text-align:center;padding:0px 10px;}
.Composemaildescription .row .col-lg-11 .chosen-container.chosen-container-single a{height:35px;}
.Composemaildescription .row .col-lg-1 label.Lptlabel {border: 1px solid #d2d2d2;height: 35px;width: 100%;display: flex;align-items: anchor-center;justify-content: center;margin-top:5px;border-radius:4px;color:#3d3e40}
.Composemaildescription .row .col-lg-11  .__Tomail{max-height:150px;}
/*.Composemaildescription .row .col-lg-11  .__cccx{position:fixed;}*/
.Composemaildescription .row .col-lg-11 input.form-control {border-bottom: 1px solid #ededed !important;border-top: none !important;border-left: 0px !important;border-right: 0px !important;border-radius: 0px !important;}
.Composemaildescription .row .col-lg-11 input.form-control:focus{box-shadow:none !important;}
.Composemaildescription .row .col-lg-1 .chosen-container-single .chosen-single span{margin-right:0px;font-weight:600;color:#56595d !important}
#mailbox #ComposeEmail .Compose_mail .cc-bcc-position{position:sticky !important;top:0px ;}
.tt-menu.tt-open{z-index:1999 !important}
.Composemaildescription  .chosen-container .chosen-drop{z-index:1050;}
.Composemaildescription  .row .col-lg-11  .__Tomail pre{display:none;}



/* Webkit Browsers (Chrome, Edge, Safari) */
.__Tomail::-webkit-scrollbar {width: 5px; /* Super thin scrollbar */}
.__Tomail::-webkit-scrollbar-track {background: #f1f1f1; /* Light background */border-radius: 4px;}
.__Tomail::-webkit-scrollbar-thumb {background: #888; /* Scrollbar color */border-radius: 4px;transition: background 0.3s;}
.__Tomail::-webkit-scrollbar-thumb:hover {background: #555; /* Darker on hover */}


.overvwmail.hide_mail  #Replymail  .file_upload_cnt .file_upd_cls .img_cls{width:75%;}
.overvwmail.hide_mail  #Replymail .file_upload_cnt .progress{width:100%}
.overvwmail.hide_mail  #Replymail  .file_upload_cnt .file_upd_cls {margin: 5px;float: left;width: 47%;}


.overvwmail.clsextend #Replymail  .file_upload_cnt .file_upd_cls .img_cls{width:75%;}
.overvwmail.clsextend #Replymail  .file_upload_cnt .progress{width:100%}
.overvwmail.clsextend #Replymail    .file_upload_cnt .file_upd_cls {margin: 5px;float: left;width: 23%;}


/*#mailbox #divExpandmail #Expandmails {overflow: auto;height: calc(100vh - 190px);padding: 10px 0px;padding-top: 0px;overflow-x: hidden;}*/


#ticketreports tbody tr td.__cmnsubBold, #ticketreports tbody tr td.__cmnBold{border:none;vertical-align:middle;}
#ticketreports tbody tr.__header-btm td.__cmnBold{padding-bottom:4px !important;padding-top:8px !important}

#ticketreports tbody tr td.__cmnBold b{font-size:15px !important;}
#ticketreports tbody tr td.__cmnsubBold{font-size:12px !important;padding:2px;}

#ticketreports tbody tr td.border-lpt {border:none;border-left:1px solid #c8c8c8 !important}
#ticketreports tbody tr td.border-rht {border:none;border-right:1px solid #c8c8c8 !important}

#ticketreports tbody tr.border-btm:last-child {border-bottom:1px solid #c8c8c8}

.rplymail_description .typemail  .bootstrap-tagsinput .twitter-typeahead input{width:inherit !important;}
/*Dropdown css*/
.note-popover{padding:0 !important;max-width: 300px ! IMPORTANT;font-family: 'Montserrat', sans-serif !important;}
.note-popover .popover-content{padding:0 !important;background:#fff !important;}
.note-popover .popover-content .note-hint-item{padding:0 !important;transition:.6s;}
.note-popover .popover-content .note-hint-item a{padding:6px 5px;max-width:100% !important;text-decoration:none;color:#000;font-size:13px;font-weight:600;display:flex !important;align-items:center;width:100%;cursor:pointer;}
.note-popover .popover-content .note-hint-item a .__avatar{background: var(--color-primary);border-radius: 50%;color: #fff;display: inline-block;margin-right: 5px;width: 34px;min-width: 34px;height: 34px;line-height: 34px;text-align: center;text-transform: capitalize;letter-spacing: .5px;}
.note-popover .popover-content .note-hint-item a .__details{overflow:hidden;}
.note-popover .popover-content .note-hint-item a .__details .__title{display:block;font-size:13px;white-space:nowrap;text-overflow:ellipsis;}   
.note-popover .popover-content .note-hint-item a .__details .__mail_id{font-size:12px;color:#64666d;white-space:nowrap;text-overflow:ellipsis;}        
.note-popover .popover-content .note-hint-item:hover, .note-popover .popover-content .note-hint-item.active{background:var(--color-primary) !important;transition:.6s;}
.note-popover .popover-content .note-hint-item:hover a, .note-popover .popover-content .note-hint-item.active a{color:#fff;}
.note-popover .popover-content .note-hint-item:hover a .__avatar, .note-popover .popover-content .note-hint-item.active a .__avatar{color:var(--color-primary);background:#fff;}
.note-popover .popover-content .note-hint-item:hover a .__details .__mail_id, .note-popover .popover-content .note-hint-item.active a .__details .__mail_id{color: #f7f7f7;}
.cmn_section.__Review {margin-top: 30px !important;margin-left: 10px !important;}
.cmn_section.__Review  #mailbox .mailcontent .overvwmail{border:none;}
.cmn_section.__Review  #mailbox .overviewcntnt{display:none;}
.cmn_section.__Review #mailbox  .mailbox-read-message{box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;padding:35px 20px;}
.__unread .mail_nme_sub .mail_nme {color: #000 !important;font-weight: 600 !important;}
.__unread.newmail_cls {background: #e6effd !important;}
/*#mailbox  .mailbox-inner-message.in div > div:has(table){display: block;overflow-x: scroll;}*/

.__Groupname{width: 100%;padding: 5px 5px;background: linear-gradient(to right, #e8f1ff, #fbfdff);}
.__Groupname p span{display:flex;align-items:center;}
.__Groupname p span:first-child{margin-right:10px;}
.__Groupname p span:first-child i{font-size:25px;margin-right:5px;}
.__Groupname p span:last-child {padding:0px 5px;font-weight: 500;letter-spacing: 0.7px;color: #045168;font-size: 12px;font-weight: 600;}
.__Groupname p span:last-child i{font-size:18px;}
.__Groupname p{margin: 0;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;color: #1E529B;display:flex}
.__Groupname.greplay {width: unset; padding: 7px 5px;background: linear-gradient(to right, #e8f1ff, #fbfdff);position: relative;top: -1px;float: left;border-radius: 5px;}

.mailbox-inner-message {  overflow-x: auto !important;  overflow-y: hidden; display: block;  position: relative;  cursor: default !important; /* 👈 normal arrow cursor */ width :100%;}
.mailbox-inner-message.dragging {  cursor: default !important;}

.__clrlabel2{background: #a9a9a9;color: #000;font-weight: 700;letter-spacing: 0.4px;height: 18px;width: auto;display: inline-flex;align-items: center;padding: 0px 7px;}                                                                                                                                                                                                                                                                              
.twitter-typeahead input[type="text"]:first-child{color:#eef5ff !important;}

.__ClsradioBtn.custom-radiochk{width: auto;display: flex;justify-content: space-between;margin-right:10px;}
.__ClsradioBtn.custom-radiochk input{display:none;}
.__ClsradioBtn.custom-radiochk .custom-control-label{padding-left:18px;margin-right:10px;}

/*Event Details*/
.__eventcontentmodal table tr td{word-break:break-word;}