:root {
  --color1: #173c5e; 
  --color2: #f2b111;
  --color3: #2a739b;
  --color4: #67d3f4;
  --color5: #ffffff;
  --color6: #0E387C;
  --color7: #113C60;
  --color8: #F57D01;
  --lib-logo-image:150px;
}
input::-ms-clear,input::-ms-reveal{display:none}
th.required::after{color:red;content:'*';font-weight:400}
.control-label,label{width:100%;color:#274c6e;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plain-label{color:#555;font-size:14px;line-height:2}
.alert.alert-top{margin-top:30px}
.alert.alert-success{background-color:#DBFBD6;color:#1F791E;font-size:16px}
.form-group .input-group .input-group-btn .btn{border-radius:4px;height:34px;margin:0}
.form-group .input-group{width:100%}
.mawani-datepicker.hasDatepicker{border-bottom-right-radius:4px!important;border-top-right-radius:4px!important}
#ui-datepicker-div{background:#fbfbfb;font-size:13px;z-index:999!important}
.ui-datepicker-trigger{width:40px;height:34px;border-bottom-left-radius:0!important;border-top-left-radius:0!important;float:left;margin-left:-40px;position:relative;z-index:9;padding:5px 12px;background-color:var(--color1);border:none;border-radius:4px}
.ui_tpicker_time_label,.ui_tpicker_time{display:none}
.button-group{padding:20px 0;text-align:right}
.form-group input[type=button].btn{display:block;height:27px;line-height:15px}
table tbody td.table-actions-td{padding:8px 8px 0;text-align:center}
table tbody td.table-actions-td .btn{font-size:12px;padding:2px 8px!important}
.rem-btn-img,table tbody td.table-actions-td .remove-container-btn-spno{height:18px;width:18px}
.no-margin-bottom{margin-bottom:0}
.removeButtons #fileBrowse,.removeButtons .delete ,.removeButtons .attachButtons{display:none}
.removeButtons .dropzoneArea>i{overflow:inherit}
.border-box{border:1px solid #ccc;padding:15px 25px}
.inner_contents{background:#fff;border:1px solid #ccc;border-radius:3px;float:left;margin-bottom:2%;padding:0 15px;width:100%}
.hdp-collapsible,.event_hdp,.notification_hdp{background-color:var(--color3);color:#fff;display:block;float:left;font-size:.875em;line-height:32px;margin:0;padding-left:15px;text-transform:uppercase;width:100%}
.header .logo-wrap>a,input[type=checkbox]+label:before,select{display:inline-block}
.hdp-collapsible:hover{color:#fff;background:var(--color2)}
.hdp-collapsible:focus{color:#fff;background:var(--color4)}
.hdp-collapsible .glyphicon{float:right;margin:8px 3% 0 0;padding-left: 10px}
input[type=checkbox].with-font+label:before{font-family:"Font Awesome 5 Free";content:"\f0c8";letter-spacing:7px}
input[type=checkbox].with-font+label.some_selected:before{font-family:"Font Awesome 5 Free";content:"\f146";letter-spacing:7px}
input[type=checkbox].with-font:checked+label:before{content:"\f14a";letter-spacing:5px}
input[type=checkbox].with-font,input[type=radio].with-font{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
input[type=checkbox].with-font+label:before,input[type=radio].with-font+label:before{width:14px;height:14px;margin-right:8px;color:#535353;content:"\f1db";display:inline-block;font-family:"Font Awesome 5 Free";font-size:1.15em;letter-spacing:-3px;font-weight: 300;padding-left: 2px;}
input[type=checkbox].with-font:checked+label:before,input[type=radio].with-font:checked+label:before{color:#274C6E;content:"\f00c";font-size:1.15em;letter-spacing:-3px}
input[type=checkbox].with-font+label:before{content:"\f0c8"}
input[type=checkbox].hidden.with-font+label:before{display:none!important}
input[type=checkbox].with-font:checked+label:before{color:#274C6E;content:"\f14a"}
input[type=checkbox].with-font:focus+label,input[type=checkbox].with-font:focus+label:before,input[type=radio].with-font:focus+label,input[type=radio].with-font:focus+label:before{color:var(--color3)}
.header .top-nav-wrap{background-color:#f5f5f5}
.header .top-nav-wrap ul.lang-wrap{vertical-align:middle;margin-right:15px}
.header .top-nav-wrap ul.lang-wrap li{padding-right:5px;font-size:14px;cursor:pointer}
.header .top-nav-wrap ul.lang-wrap li .line{background-color:#979797;width:1px;height:12px;margin-left:10px;vertical-align:middle}
.profile-wrap>div.logout-wrapper>a>img,.profile-wrap>div.profile-wrapper>a>img{height:18px}
.header .top-nav-wrap ul.lang-wrap .active a{color:var(--color1);line-height:16px;vertical-align:bottom;cursor:default}
.header .top-nav-wrap ul.top-social-wrap{vertical-align:middle}
.header .top-nav-wrap ul.top-social-wrap li{vertical-align:bottom;padding-right:15px}
.header .top-nav-wrap ul.top-social-wrap li:last-child{padding-right:0}
.logoiamge img{width:var(--lib-logo-image, 110px);}
.profile{color:#000}
.masterresultArea{width:100%;float:left}
.middle-align{padding:6px 5px}
.onerow{padding-top:32px}
.glyphicon-upload{float:left;padding-right:5px}
.file-row:nth-child(odd),#variableTariffDetails>.re-row:nth-child(even){background:#eaeaea}
.filebrowse{background-color: var(--color1);background: url(/images/global/browse-icon.svg) no-repeat 50%;padding: 17px 21px;background-size: 65%;}
.fileNameStyle{background:var(--color2);padding:8px;border-radius:3px;margin-left:3px;float:left}
.filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;cursor:pointer}
.browseArea{float:left;margin-top:23px}/*margin added for attachement design issue fix 11-12-2018 Nithin V*/
.addimdg{float:left}
.ontheRow{padding:0;margin-bottom:2%}
.removeLink a{cursor:default;text-decoration:none}
.downloadLink a{color:var(--color1);text-decoration:underline}
.tableFile .files .onerow{padding:0}
.tableFile .filebrowse{margin-top:7px}
.tableFile .preview{display:none}
.tableFile .extraDocumentButton{display:none}
.tableFile .middle-align{padding:4px}
.attachedFiles{padding:10px 0;font-size:.85em;color:#fff}
.BtnPosition{float:left;width:50%}
fieldset,legend{padding:0;border:0}
fieldset{margin:0;min-width:0}
.selectbox:before{background-color:#f1f1f1;width:34px;height:34px;right:0}
/*.modal-content,.modal-dialog{margin:8% auto;max-width:450px;width:100%}*/
select{background-image:url(/images/icons/down-arrow-blue.png)!important;background-repeat:no-repeat !important;background-position:calc(100% - 3px) 50% !important;border:thin solid #274c6e;border-radius:4px;box-sizing:border-box;font:inherit;line-height:1.5em;margin:0;moz-appearance:none;moz-box-sizing:border-box;padding:2px 9px;webkit-appearance:none;webkit-box-sizing:border-box}
.restbutton,.addmorefiles,.submitbtn,.backbtn{padding:5px 15px 5px 35px;background-size:25px;background-position:5px 50%;background-repeat:no-repeat;background-color:var(--color1);color:#fff;border:none;font-size:16px}
.addmorefiles{background:var(--color1) url(/images/icons/add.png) no-repeat 9px;background-size:14px}
.formContainer .tar{width:100%;float:right;text-align:right}
.reqLabels{color:#274c6e;font-size:13px;font-weight:700}
.reqDesc{background:#637d94 !important;border-radius:0;color:#fff}
.infovalues{color:#fff;background:var(--color1);position:absolute;float:left;padding:7px;border-radius:5px;font-size:14px}
.info{background:url(/images/icons/info.png) no-repeat;padding:12px;float:left;margin:5px;cursor:pointer}
.ui-multiselect{float:left}
form .col-md-4,form .col-md-3,form .col-md-2,form .col-md-1{height:72px}
#smallItemForm .col-md-2{height:75px}
form .re-row .col-md-1{height:auto}
.repeatHead{position:relative;z-index:997;background:#fff;padding:12px 0 12px 0 !important}
.userAccessMain .col-md-3{height:auto!important}
@media (min-width:320px){
	.imoLabel{float:left;width:100%}
	.inner_contents{padding:0}
	.colasped_area{padding:10px 0!important}
	.footer a.move-top>i{line-height:29px}
	.fa-3x{font-size:2em}
	.footer a.move-top{height:35px;width:35px}
	.det div{width:100%}
	.det .amendHead{width:50%;float:left;background:var(--color1);color:#fff;padding:5px;border-bottom:1px solid #fff}
	.det .amendtd{padding:5px!important;float:left}/*make padding importat to proper alignment in CDV*/
	.files .form-group{margin-bottom:0px}
	.files .onerow{padding-top:10px;width:90%;float:left}
	.filebrowse{margin-top:0px}
	.filename{width:150px}
}
@media (min-width:641px){
	.imoLabel{width:auto}
	form .col-md-4,form .col-md-3,form .col-md-2,form .col-md-1{float:left;width:50%}
	.inner_contents{padding:0 10px}
	.det div{width:100%}
	.det .amendHead{width:50%;float:left;background:var(--color1);color:#fff;padding:5px;border-bottom:1px solid #fff}
	.det .amendtd{padding:5px!important;float:left}
	.files .onerow{padding-top:10px;width:50%;float:left}
	
}
@media (min-width:641px) and (max-width:768px){
	.top-navigation .container{max-width:100%!important;width:750px!important;position:relative}
}
@media (min-width:769px){
	.container{max-width:100%!important;width:100%;position:relative}
}
@media (min-width:961px){
	.imoLabel{width:auto}
	form .col-md-4,form .col-md-3,form .col-md-2,form .col-md-1{float:left;width:33.3%}
	.modal-content,.modal-dialog{max-width:500px;width:100%}
	.det div{width:33.33%}
	.det .amendHead{background:#fff;color:var(--color1);width:auto}
	.files .onerow{padding-top:32px;width:auto}
	.containerAttachments .onerow{padding-top:24px}
	/*.filebrowse{margin-top:19px} -- commented for attachment alignment issue fix 11-12-2018 Nithin V*/
	.filename{width:198px}
	.modal .width800{width:100%!important;max-width:800px!important}
	.modal .width1000{width:100%!important;max-width:1000px!important}
	.modal .width1200{width:100%!important;max-width:1200px!important}
}
@media (max-width:991px){
	.callCargo{width:100%;float:left}
}
@media (min-width:1025px){
	.footer a.move-top>i{line-height:35px}
	.fa-3x{font-size:3em}
	.footer a.move-top{height:40px;width:40px}
	.files .onerow{padding-top:32px}
	.containerAttachments .onerow{padding-top:24px}
}
@media (min-width:1200px){
	form .col-md-4{float:left;width:33.3%}
	form .col-md-3{float:left;width:25%}
	form .col-md-2{float:left;width:16.66%}
	form .col-md-1{float:left;width:8.33%}
	.modal-content,.modal-dialog{max-width:600px;width:100%}
	.det div{width:33.33%}
	.det .amendHead{background:#fff;color:var(--color1);width:auto}
	form .userAccessMain .col-md-3{height:auto;max-height:inherit}
}

/*----------------Nithin start----------------*/
.selectbox>select{padding-right:28px;display:block !important}
.welcomemsg,.welcomemsg a{color:#000}
.clientType>.clientTypeNew:nth-child(even):not(:first-child){background-color:#f1f1f1;padding:15px 0}
.remove-icon .input-group-btn,.remove-icon .input-group-addon{display:none!important}
.remove-icon>.input-group-addon.i_icon,.remove-icon>.input-group-btn.i_icon{display:table-cell !important}
#terminal-details{width:100%;display:table;border:1px solid #ccc;margin-bottom:10px}
#terminal-details>div{width:100%;display:table-row}
#terminal-details>div>div{display:table-cell;position:relative;vertical-align:top;padding:10px}
#terminal-details>div:not(.terminal_header)>div{padding-top:22px}
#terminal-details>div>div:last-child{text-align:right;vertical-align:top;padding-top:16px}
.terminal_header{background-color:var(--color1);color:#fff;font-size:13px;font-weight:bold;padding:10px}
#terminal-details>.terminal_content{color:#2b2b2b;box-shadow:0 0 1px rgba(0,0,0,.2)}
#terminal-details>.terminal_content:nth-child(odd){background-color:#fff}
#terminal-details>.terminal_content:nth-child(even){background-color:#f9f9f9}
#terminal-details>.terminal_content>div:nth-child(1),#terminal-details>.terminal_content>div:nth-child(2){width:200px}
#terminal-details>.terminal_content>div:nth-child(5){width:50px}
#terminal-details>.terminal_content:not(:last-child) .add_terminal{display:none}
.treminalDisabled>div:not(.content_action){opacity:0.3}
.content_rfid>.rfid_add{max-width:220px !important;padding-bottom:10px}
.rfidContainer{width:100%;clear:both;padding-bottom:10px}
.rfidContainer>.rfid{width:auto;background-color:rgba(23,60,94,.05);border:1px solid #ccc;padding:4px 6px;border-radius:3px;float:left;margin:0 6px 6px 0;font-size:13px;color:#2b2b2b}
.terminal_content a,.removeIcon{color:var(--color1)}
.terminal_content a:hover,.rfid a:hover,.pool a:hover{color:#f00}
.rfid>span{font-weight:bold;display:inline-block;padding-right:10px;line-height:21px;float:left}
.removeRFID{line-height:21px}
.slider{width:30px;height:18px;position:absolute;cursor:pointer;top:10px;left:0;background-color:#999;webkit-transition:.4s;transition:.4s;border-radius:34px}
.slider.checker{background-color:var(--color3)}
.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}
input:checked+.slider{background-color:var(--color3)}
input:focus+.slider{box-shadow:0 0 1px var(--color3)}
input:checked+.slider:before{-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translateX(12px)}

.fav-star{position:relative;cursor:pointer;top:18px;left:0;webkit-transition:.4s;transition:.4s;font-size:16px}
.fav-star:before{position:absolute;content:"\f005";font-family:"Font Awesome 5 Free";bottom:2px;color:#999;-webkit-transition:.4s;transition:.4s;font-weight: 300;}
input:focus+.fav-star{box-shadow:0 0 1px var(--color3)}
input:checked+.fav-star:before{content:"\f005";color:var(--color3);font-weight: 700;}

.ui-multiselect-header,.code_content_clone{display:none}
.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{background:var(--color3);color:#fff}
#terminal-details .content_action .switch:after{position:absolute;top:20px;left:-5px;width:114px;padding:5px 10px;text-align:center;content:attr(data-title);color:#fff;font-size:11px;background-color:var(--color2);display:none;transform:translate(-100%,-100%);border-radius:4px}
#terminal-details .content_action:hover .switch:after{display:block}
.treminalDisabled .rfid .removeRFID{display:none}
.treminalDisabled{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.treminalDisabled .btn{cursor:default}
.passChange{width:100%;max-width:500px;margin-top:50px}
.code_clone .addanddelete{margin:0}
.clientType_clone>.addanddelete,.code_clone>.row>.addanddelete{padding:0;margin-left:-10px}
.clone_clientType,.clone_clientType>div{display:none!important}
.clientType_clone{width:100%;float:left;background-color:#f1f1f1;padding-top:15px}
.clientTypeContainer>.clientType_clone:nth-child(even){background-color:#fff}
.clientType_clone>.addanddelete,.normal_repeat>.addanddelete{margin-top:20px}
.clientType_clone>div>div>.code_container:nth-child(odd)>.code_content{background-color:#f1f1f1}
.errorMessage{max-width:85%;background:#fff;color:#2b2b2b;font-size:12px;font-weight:bold;padding:10px 15px;border-radius:5px;position:absolute;bottom:62px;right:15px;box-shadow:0 0 5px rgba(0,0,0,.5);display:none}
.errorMessage>i{color:var(--color2);font-size:14px}
.errorMessage .arrowdown{width:20px;height:20px;position:absolute;bottom:-18px;right:10px;overflow:hidden;display:block}
.errorMessage .arrowdown:after{content:"";position:absolute;width:20px;height:20px;background:#fff;transform:rotate(45deg);top:-12px;left:0;box-shadow:0 0 5px rgba(0,0,0,0.5)}
.user-rights{width:100%;float:left;border:1px solid #ccc}
.user-rights .user-rights-header{width:100%;float:left;background:var(--color2);color:#fff;font-weight:bold;font-size:13px}
.user-rights .user-rights-header>div{padding:6px 10px;text-align:center}
.user-rights .user-rights-content{width:100%;float:left;color:#2b2b2b;font-size:14px}
.user-rights .user-rights-content>div{padding:6px 10px;border-right:1px solid #ccc;border-top:1px solid #ccc}
.user-rights .user-rights-content>div:not(:first-child){text-align:center}
.impersonationContainer{width:100%;max-width:300px;height:100%;position:fixed;padding:30px  15px;top:0;right:-350px;background:rgba(242,177,17,0.98);color:#fff;z-index:99999}
.imclose{position:absolute;top:10px;right:10px;text-shadow:1px 1px 1px #ccc;transform:scale(1.2,1);cursor:pointer}
.impersonationContainer h4{margin-bottom:30px;text-transform:uppercase;text-shadow:1px 1px 1px #ccc}
.impersonationContainer input[type='text']{width:calc(100% - 40px);float:left}
.impersonationContainer .input-group-btn{float:left;padding:0;margin-left:-5px}
.impersonationContainer .input-group-btn .btn{height:34px}
.useraccessrights .col-md-12{padding-left:30px}
.attach-note{color:#999;font-size:11px;margin-bottom:10px}
.mobile_view{display:none!important}
.ui-multiselect-checkboxes>li>label>span{width:calc(100% - 18px);display:inline-block;font-weight:400;font-size:12px}
.ui-multiselect{background-color:#fff!important}
.multiselect-disable>div>div,.multiselect-disable button,.modal-backdrop,.noclick{pointer-events:none}
.noclick input,.noclick select{background-color:#ddd!important;color:#ddd!important}
.multiselect-disable button[disabled]{background-color:transparent;color:#2b2b2b;padding:0;opacity:1}
.remarksOthers,.callCargo{display:none}
.callCargoActive{margin:10px 0;padding:10px 0;border:1px solid #ccc;display:block}
.callCargoActive>div{display:block!important}
.ui-multiselect[disabled]{box-shadow:0 0 0 rgba(0,0,0,0);border:none;padding-left:0}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#fff}
.multiberth_selected{width:100%;padding:5px 20px;margin:10px 0;float:left;display:block}
.callCargoActive:before{content:"Container";position:absolute;margin-top:-18px;margin-left:5px;color:#274c6e;font-weight:700;font-size:13px;background-color:#fff;padding:0 10px}
.multiberth_addremove>span,.addOrRemove>span{padding:5px;border-radius:4px;margin:24px 3px 0 2px;display:inline-block;background:var(--color1);cursor:pointer}
.input-group-btn.addOrRemove>span{margin-top:0;padding:8px 5px}
.addOrRemove{min-width:62px;min-height:38px}
.addOrRemove>span{float:left}
.multiberth_addremove>span img,.addOrRemove>span img{width:16px}
.multiberth_row{clear:both}
.multiberth_append>.multiberth_row:not(:last-child) .multiberth_addremove>span{display:none}
.ui-timepicker-div dl{margin-bottom:0!important}
.ui-multiselect-menu{z-index:1030}
.addVisit{margin:5px 10px;float:right}
.timespan{width:40px;position:absolute;z-index:10;right:45px;color:#555;line-height:34px;font-size:14px;text-align:right;cursor:pointer}
.non-editable+.timespan{left:116px;text-align:center}
.errormsg:valid{border:1px solid #f00 !important;background-color:rgba(255,0,0,0.07) !important}
.clientType td{vertical-align:middle !important}
.code_container>div{clear:both;width:100%}
.confirm-table-row a.searchLink{text-decoration:none !important;cursor:default !important}
.parent_code .deletefile,.child_code .addmorefile,.additionalDetails,.additionalDetails>div>div,.callCargoDiv,#CRstep4>.addExistingClient:last-child .adddelete .addAEC,#CRstep4>.addExistingClient:not(:last-child) .adddelete .deleteAEC,.searchbilloflading{display:none}
.multiselect>div>button,.multiselect>div>button:hover,.multiselect>div>button:focus,.multiselect>div>button:active,.open>.dropdown-toggle.btn-default{color:#555!important;background-color:transparent!important;background-image:url(/images/icons/down-arrow-blue.png)!important;background-repeat:no-repeat;background-position:calc(100% - 3px) 50%;border-radius:4px;font-size:14px;padding:6px 15px !important}
.multiselect>div>div>button,.multiselect>div>div>button:hover,.multiselect>div>div>button:focus,.multiselect>div>div>button:active,.open>.dropdown-toggle.btn-default{color:#555!important;background-color:transparent!important;background-image:url(/images/icons/down-arrow-blue.png)!important;background-repeat:no-repeat;background-position:calc(100% - 3px) 50%;border-radius:4px;font-size:14px}
.remove-icon.multiselect>div>button,.remove-icon.multiselect>div>button:hover{background-image:none!important}
.multiselect-disable>div{border:none!important;-webkit-box-shadow:none;box-shadow:none}
.multiselect-disable>div>button{line-height:34px}
.addContainer>div{width:100%;float:left;padding-top:4px}
.re-row .non-editable:not([name="fileBrowse"]),.code_header .non-editable:not([name="fileBrowse"]):not(div){padding-left:7px !important}
.re-row.normal_repeat{padding:12px 0}
.addContainer>.re-row:nth-child(even),.repeatData .re-row:nth-child(even){background-color:#f2f2f2}
.addContainer .code_header .form-group{margin:0}
.addContainer .re-row .form-group{margin:0 0 5px 0}
.repeatData .re-row{width:100%;padding:10px;float:left}
.re-row .non-editable:not(a.non-editable){padding:0 5px}
.locationDropdownStyle .bootstrap-select.form-control {box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);border: none !important;height: auto;}
.bootstrap-select.form-control{border:1px solid #ccc !important;border-radius:4px}
.bootstrap-select.form-control.error{border:1px solid #ff0000 !important}
.multiselect-disable .bootstrap-select.form-control{border:none!important}
.modal .btn-default{margin-left:10px}
.input-group.selectbox:after{right:50px;top:12px}
#clientType0 .deleteClientClone{display:none!important}
td.changeCheckBox{width:120px;text-align:center}
.dropzoneArea .name,.cargoClone{display:none}
.dropzoneArea>i{color:var(--color1);width:calc(100% - 74px);display:inline-block;text-overflow:ellipsis;overflow:hidden;font-family:inherit}
.dropzoneArea>i:before{content:""}
::-ms-clear{display:none}
input.form-control,select.form-control{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-text-fill-color:#555;-webkit-opacity:1}
.dt-responsive tbody td{max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.table td>span{display:block;overflow:hidden;text-overflow:ellipsis}
.table tr.group>td>span{display:inline}
table.dataTable.nowrap td ul li{white-space:normal}
#masterSearchResult .with-font~label{line-height:1;margin:0}
#masterSearchResult thead>tr>th .with-font~label:before{color:#fff}
.input-group>.input-group-btn:not(:nth-child(2)){padding-left:2px}
.containerBtn>div{width:auto;float:right;margin-left:10px}
.uploadpopup a{color:var(--color1);text-decoration:underline}
.vesselDetailsTable .code_container{display:block}
.repeat_container{padding-top:36px}
.repeat_container>.re-row .labeled:before{width:calc(100% - 28px);height:28px;content:attr(data-head);position:absolute;background:var(--color2);color:#fff;padding:6px 10px;margin:-40px 0 2px -8px}
.repeat_container>.re-row:not(:first-child) .labeled:before,.complexHeaderTable>thead>tr>th>span{display:none}
.re-row .infoData,#approver,.text-underline{cursor:pointer!important;text-decoration:underline}
.dataLink{height:34px;line-height:34px;color:#555;font-size:14px;text-decoration:underline}
#containerTable .form-control{height:24px;padding:2px 12px}
.code_select-change .labeled{min-height:30px;padding:5px}
.code_container>div>.code_tablecell{display:table-cell;max-width:15%;overflow-x:hidden}
/*.code_select-change>.re-row:nth-child(odd) .labeled{background-color:#f1f1f1}*/
.reportDiv>div>div>div{padding:1px}
.labeled.checkbox{margin:0;padding:0 7px}
.sendOptions{padding-top:12px}
.inline-field{width:100%;display:table}
.inline-field .inlineLabel,.inline-field .inlineInput{width:auto;height:30px;float:left;padding-left:15px;line-height:30px}
.inline-field .inlineLabel{color:#274c6e;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}
.bootstrap-select.form-control.btn-group.disabled,.bootstrap-select.form-control.btn-group.remove-icon{border:none!important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0);-o-box-shadow:inset 0 1px 1px rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,0)}
.bootstrap-select.form-control.btn-group.disabled button,.bootstrap-select.form-control.btn-group.remove-icon button{padding:5px 0!important;color:#555;opacity:1;background:none !important}
table.dataTable tr.group td{background-color:#e0e0e0;padding:2px 10px}
table.dataTable tr.group td span{font-weight:700}
table.dataTable tfoot td,table.dataTable tbody td.highlighted{color:var(--color1);font-weight:700;background:rgba(242,177,17,.2);padding-top:8px!important;padding-bottom:8px!important;padding-left:10px;padding-right:10px!important}
table.dataTable tr.group-end td{text-align:right;font-weight:normal}
.hyperData,.cancelStatus{text-decoration:underline;cursor:pointer!important}
.no-border{border:none!important}
.font-normal{font-weight:normal!important}
.extrabold{font-weight:900!important}
.semibold{font-weight:700!important}
.popuppadding{padding:0!important}
td.searchLink>span{text-decoration:underline;cursor:pointer}
.dataTable input.form-control,.dataTable select.form-control{height:24px;padding:6px}
.bs-actionsbox .btn-group button{width:49%!important;margin:0 1%}
.inline-block{display:inline-block!important}
.importantRedMsg{color:#ff0000;font-size:14px;font-weight:bold}
.importantBlueMsg{color:#274c6e;font-size:14px;font-weight:bold;padding-top:2%;float:left}
.rd-view{width:24px;height:24px;float:left;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#728aa1;text-align:center;line-height:24px;color:#fff;margin-right:5px;text-decoration:none!important;cursor: pointer}
.rd-view.active{background:var(--color1)}
.border-left{border-left:1px solid #dbdbdb}
.border-right{border-right:1px solid #dbdbdb}
table.dataTable th.text-right{text-align:left}
.scrollRepeatBody{max-height:522px;padding-top:56px !important;margin-top:-60px;overflow-y:auto}
.scrollRepeatBody::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
.scrollRepeatBody::-webkit-scrollbar{width:7px;background-color:#F5F5F5}
.scrollRepeatBody::-webkit-scrollbar-thumb{background-color:#c1c1c1;border:2px solid #c1c1c1}
.subDivition,.advanceSearchArea{width:100%;float:left;border:1px solid #ccc;padding-top:15px;margin-bottom:20px;position:relative;display:none}
.advanceSearchArea{background:#f5f5f5;margin-top:30px}
.subDivition:before,.advanceSearchArea:before{content:attr(data-head);position:absolute;top:-10px;left:5px;color:var(--color1);background-color:#fff;font-size:13px;font-weight:bold;text-align:center;text-transform:capitalize;line-height:16px;padding:0 10px}
.advanceSearchArea:before{background-color:var(--color3);color:#fff;padding:5px 10px;border-radius:5px 5px 0 0;top:-26px;left:-1px}
.subDivition .form-group,.advanceSearchArea .form-group{position:relative}
.subDivition .form-group .control-label,.advanceSearchArea .form-group .control-label{width:calc(100% - 18px)}
.subDivition .form-group .advClose,.advanceSearchArea .form-group .advClose{position:absolute;top:0;right:5px;color:#999;font-size:13px;cursor:pointer;-webkit-transform:scaleX(1.2);-moz-transform:scaleX(1.2);-o-transform:scaleX(1.2);-ms-transform:scaleX(1.2);transform:scaleX(1.2);-webkit-transition:ease-in-out .5s;-moz-transition:ease-in-out .5s;-o-transition:ease-in-out .5s;-ms-transition:ease-in-out .5s;transition:ease-in-out .5s}
.subDivition .form-group .advClose:hover,.advanceSearchArea .form-group .advClose:hover{color:var(--color1)}
.no-top-padding-margin{margin-top:0!important;padding-top:0!important}
.dataSplitedGroup td{padding:0!important}
.dataSplitedGroup div{height:auto!important;padding:3px 5px}
#timeSlotEmptyView{text-align:center;color:#555;padding:10px}
#variableTariffDetails>.re-row{width:100%;float:left;padding:15px 0}
.row-delete{position:absolute;top:-11px;right:5px;color:var(--color1);font-weight:bold;cursor:pointer}
.slabHolder{width:100%;float:left}
.notification-search{padding-right:40px!important}
.notification-search:after{width:24px;height:24px;position:absolute;color:var(--color1);background-color:var(--color2);content:attr(data-notifications);border-radius:50%;top:4px;left:calc(100% - 34px);font-size:11px;text-align:center;line-height:24px}
.notification-search:hover:after{color:var(--color2);background-color:#fff}
#notification-container{width:100%;float:left}
.control-notification{width:calc(100% - 102px);height:40px;float:left;padding:5px 10px;text-align:right;color:#333;line-height:22px;font-weight:bold;font-size:14px}
.control-notification>span{padding:4px 2px;display:inline-block}
.control-notification>button{width:30px;height:30px;float:right;background-color:#f2f2f2;border:1px solid #dbdbdb;color:#000;font-size:24px}
.control-notification>.notificationPrev{border-right:none;margin-left:10px}
.control-notification>button:hover{background:#e9e9e9}
.control-notification>button:disabled{color:#ccc}
.usedCount{background:var(--color3)!important}
.unusedCount{background:var(--color4)!important}
.monthly-day .monthly-event-indicator.monthly-event-continued{box-shadow:none}
.remove-icon.form-control{background-color:#ffffff00}
.top-section:hover ~ * .selectbox > select:focus,.top-section:hover ~ .selectbox > select:focus{display:none!important}
.form-control.checked{position:relative;top:0;z-index:3}
.non-editable.checked{position:relative;top:0;z-index:1}
.elHidden{width:100%;line-height:2.2;white-space:nowrap;position:absolute;top:0;left:0;opacity:0;z-index:2}
.attach-warning{width:auto;float:left;text-align:left;padding-left:12px;text-transform:none}
.userAccessMain{display:flex;flex-wrap: wrap}
.important-message>div{width:100%;display:table}
.important-message>div>label,.important-message>div>input{display:table-cell}
.important-message>div>label{width:65px}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{text-overflow:ellipsis}
table.dataTable>tbody>tr.child span.dtr-title{min-width:auto!important;margin-right:6px}
textarea.padding-alignment{padding:10px !important}
@media (max-width:991px){
	#terminal-details>.terminal_content>div:nth-child(1),#terminal-details>.terminal_content>div:nth-child(2){width:140px}
}
@media (max-width:767px){
	#manageuser{display:none}
	.terminal_header{display:none!important}
	#terminal-details>div{position:relative;float:left;padding:10px 0}
	#terminal-details>div>div{width:100%!important;display:block!important;position:relative;clear:both}
	/*#terminal-details>.terminal_content>.content_action{position:absolute;top:0}*/
	#terminal-details>div>div:before{position:absolute;top:5px;left:10px;width:100%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700;content:attr(data-title);color:var(--color1);font-size:13px}
	.footer-list .row{clear:both}
	#footerbuttoncontainer>.button-groups>.btn{padding:15px!important;background-position:50% 50%}
	#footerbuttoncontainer>.button-groups>.btn>.button-text{display:none}
}
@media (min-width:1200px){
	.clientType_clone>.col-md-3:not(.vn3div),.forAddMore{width:calc(25% - 20px)!important}
	.clientType_clone>.col-md-1,.forAddBtn{width:80px!important}
	.forAddBtn{padding:0!important}
	.code_container>.code_header>div{min-height:30px;max-height:40px}
	.code_container>.splitHead>div{min-height:30px;max-height:30px}
	.containerDetails .code_header>div{min-height:30px;max-height:40px;padding:1px !important}
	.code_container>.code_content>div{min-height:30px;max-height:40px}
	.code_container:not(.divNormal)>div>.col-md-3{width:20%}
	.addContainer .code_container>div>.col-md-3,.repeatHolder>.code_container>div>.col-md-3{width:25%}
	.addContainer,.code_container{width:100%;float:left;padding:0}
}
@media (max-width:1199px){
	.code_container>.code_header,.repeatHead{display:none!important}
	.InnerRepeatTable .repeatHead{padding:0 !important;float:left;width:100%}
	.scrollRepeatBody{max-height:500px;padding-top:0px !important;margin-top:0px}
	.code_select-change .labeled{white-space:nowrap;border:none}
	.code_select-change .col-md-3 .labeled>span{float:left;margin:0}
	.code_select-change .labeled:before{position:relative;top:0;left:0;width:100%;padding:3px;white-space:nowrap;text-align:left;font-weight:700;content:attr(data-title);font-size:13px;background:var(--color2);color:#fff}
	.code_select-change .labeled:not(.mobile_view):before{width:calc(100% + 7px);padding:6px 3px;display:block;margin-left:-7px}
	.code_select-change .labeled.system_view:before{background:transparent}
	.mobile_view{background:var(--color2);display:block !important}
	.desktop_view{display:none !important}
	.dataTable th[colspan="2"]{display:none!important}
	.complexHeaderTable>thead>tr>th>span{display:inline-block}
	table.dataTable tr.group{width:100%;background-color:#e0e0e0}
	table.dataTable tr.group td[colspan="3"]{width:33.3%;display:inline-block}
	table.dataTable tr.group td:first-child{padding-left:10px!important}
	table.dataTable tr.group td:first-child:before{content:""!important}
	.code_container>div>.col-md-3:not(.vn3div),.forAddMore{width:22%}
	.code_container>div>.col-md-1:not(.divNormal),.forAddBtn{width:12%}
	.forAddBtn{padding:0!important}
	.code_container>div>div>div{margin:20px 0 0 0}
	/*.code_select-change .labeled{padding-top:0!important}*/
	.code_select-change .labeled>span{padding-top:10px}
	.code_container>div>.addanddelete{margin-top:44px}
}
@media (max-width:960px){
	.code_select-change .row>.col-md-6{width:50%}
	.code_select-change .row>.col-md-6>.row>.col-md-6{width:50%}
	.code_select-change .row>.col-md-6>.row>.col-md-6:first-child{padding-right:5px}
	.code_select-change .row>.col-md-6>.row>.col-md-6:last-child{padding-left:5px}
	.code_container>div>.col-md-3:not(.vn3div),.forAddMore{width:calc(50% - 40px)!important}
	.code_container>div>.col-md-1:not(.divNormal),.forAddBtn{width:80px!important;padding-left:5px;padding-right:5px}
	.forAddBtn{padding:0!important}
}
@media (max-width:640px){
	.code_container>div>.col-md-3:not(.vn3div),.forAddMore{width:calc(100% - 80px)!important;float:left}
	.code_container>div>.col-md-1:not(.divNormal),.forAddBtn{width:80px!important;padding:0;float:left}
	table.dataTable tr.group td[colspan="3"]{width:100%;display:block}
	.changeCheckBox{width:auto}
	.control-notification{width:calc(100% - 45px);font-size:12px;padding:5px 0}
	#filters-b>.btn{height:32px;padding-right:0}
	#filters-b>.btn>.button-text{display:none}
}
@media (max-width:479px){
	.data_view{width:150px !important}
}
/*----------------Nithin end------------------*/

.autocomplete-suggestions{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;background:#f5f5f5;color:#717171;cursor:default;overflow:auto;-webkit-box-shadow:1px 4px 3px rgba(50,50,50,0.64);-moz-box-shadow:1px 4px 3px rgba(50,50,50,0.64);box-shadow:1px 4px 3px rgba(50,50,50,0.64)}
.autocomplete-suggestion{padding:5px;white-space:nowrap;overflow:hidden;border-bottom:1px solid #c5c5c5}
.autocomplete-no-suggestion{padding:5px}
.autocomplete-selected{background:var(--color3);color:#fff}
.autocomplete-suggestions strong{font-weight:bold;color:#000}
.autocomplete-selected strong{color:#fff}
.autocomplete-group{padding:2px 5px}
.autocomplete-group strong{font-weight:bold;font-size:16px;color:#000;display:block;border-bottom:1px solid #000}

input[type=checkbox].css-checkbox{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
input[type=checkbox].css-checkbox + label.css-label{padding-left:15px;height:15px;display:inline-block;line-height:15px;background-repeat:no-repeat;background-position:0 -15px;font-size:14px;vertical-align:middle;cursor:pointer}
input[type=checkbox].css-checkbox:checked + label.css-label{background-position:0 0}
.css-label{background-image:url(/images/icons/tick_cross.png)}

/*------date time picker---*/
.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget .timepicker td span,.bootstrap-datetimepicker-widget table thead tr:first-child th,.bootstrap-datetimepicker-widget table td span,.bootstrap-datetimepicker-widget.usetwentyfour td.hour,.bootstrap-datetimepicker-widget table th{color:#000}
.bootstrap-datetimepicker-widget a.btn{background-color:transparent !important}
.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new,.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{color:#777 !important}
.bootstrap-datetimepicker-widget table{font-size:14px}

/*----------Time Slot css start----------*/
#timeSlot-container>div{min-height:72px !important;height:auto!important;margin:15px 0}
#timeSlot-container>div>div{border:1px solid #ebebeb}
#timeSlot-container>.clearfix{display:none!important}
@media only screen and (min-width:1281px){#timeSlot-container>div:nth-child(8n+8){display:block!important}}
@media only screen and (max-width:1280px) and (min-width:961px){#timeSlot-container>div:nth-child(6n+6){display:block!important}}
@media only screen and (max-width:960px) and (min-width:641px){#timeSlot-container>div:nth-child(4n+4){display:block!important}}
.eventCalendar{width:100%;min-height:130px;background:#fff;position:relative;clear:both;z-index:5}
.monthly-indicator-wrap>.monthly-event-indicator:not(:first-child){display:none}
.eventCheckbox{padding:10px 0 4px 4px}
.eventHeader .eventCheckbox{padding-top:40px}
.col-md-50,.col-md-55,.col-md-75,.col-md-85,.col-md-90,.col-md-100,.col-md-105,.col-md-1125,.col-md-125,.col-md-135,.col-md-150,.col-md-180,.col-md-200,.col-md-225,.col-md-300,.col-md-645{position:relative;float:left}
.col-md-50{width:5%}
.col-md-55{width:5.5%}
.col-md-75{width:7.5%}
.col-md-85{width:8.5%}
.col-md-90{width:9%}
.col-md-100{width:10%}
.col-md-105{width:10.5%}
.col-md-1125{width:11.25%}
.col-md-125{width:12.5%}
.col-md-135{width:13.5%}
.col-md-150{width:15%}
.col-md-180{width:18%}
.col-md-200{width:20%}
.col-md-225{width:22.5%}
.col-md-300{width:30%}
.col-md-645{width:64.6%}
.addContainer .eventHeader>div{height:70px;min-height:70px;max-height:70px;padding:1px}
.eventHolder>.re-row{clear:both}
.eventHolder>.re-row .addOrRemove>span,.repeatHolder>.re-row .addOrRemove>span{margin:6px 0 6px 6px}
.eventHeader{width:100%;background:rgba(242,177,17,.15);float:left;padding-bottom:5px;margin-bottom:15px}
#timeSlot-container .tooltip{white-space:pre;text-transform:capitalize}
.event_hdp,.notification_hdp{padding-right:15px}
.notification_hdp{margin-bottom:12px}
.navDay{padding:4px;font-size:24px;cursor:pointer}
.footer-row>div{color:#000;font-weight:700;background:rgba(242,177,17,.2);border-bottom:1px solid #ccc}
.footer-row>div>div{margin:0}
.footer-row input{height:31px!important}
.footer-row .labeled{border-bottom:none}
@media only screen and (min-width:1281px){
	.col-md-105>.form-group,.col-md-55>.form-group{margin-bottom:2px}
}
@media only screen and (max-width:1280px) and (min-width:961px){
	.col-md-50,.col-md-90,.col-md-100,.col-md-105,.col-md-1125,.col-md-125,.col-md-135,.col-md-150,.col-md-180,.col-md-200,.col-md-225,.col-md-300,.col-md-55,.col-md-75,.col-md-85{width:25%}
	.col-md-645{width:50%}
}
@media only screen and (max-width:960px) and (min-width:641px){
	.col-md-50,.col-md-90,.col-md-100,.col-md-105,.col-md-1125,.col-md-125,.col-md-135,.col-md-150,.col-md-180,.col-md-200,.col-md-225,.col-md-300,.col-md-55,.col-md-75,.col-md-85{width:25%}
	.col-md-645{width:50%}
}
@media only screen and (max-width:640px) and (min-width:481px){
	.col-md-50,.col-md-90,.col-md-100,.col-md-105,.col-md-1125,.col-md-125,.col-md-135,.col-md-150,.col-md-180,.col-md-200,.col-md-225,.col-md-300,.col-md-55,.col-md-75,.col-md-85{width:50%;padding:0 15px}
	.col-md-645{width:100%;padding:0 15px}
}
@media only screen and (max-width:480px){
	.col-md-50,.col-md-90,.col-md-100,.col-md-105,.col-md-1125,.col-md-125,.col-md-135,.col-md-150,.col-md-180,.col-md-200,.col-md-225,.col-md-300,.col-md-55,.col-md-75,.col-md-85,.col-md-645{width:100%;padding:0 15px}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
   .searchbutton{background-size:5em;background-position:-20px 50%}
}
/*-----------Time Slot css end-----------*/

/*-----------Role css start-----------*/
.role{outline:none!important}
.roleMenu{border:none;background-size:12px}
.roleMenu>button,.roleMenu>button:hover,.roleMenu>button:active,.roleMenu>button:focus,.roleMenu.open>.dropdown-toggle.btn-default{background:none!important;border:none;padding:14px 10px!important;box-shadow:none !important;background-image:none !important;color:#000 !important;font-size:14px}
.i18nselectWrapper .roleMenu>button,.i18nselectWrapper .roleMenu>button:hover, .i18nselectWrapper .roleMenu>button:active, .i18nselectWrapper .roleMenu>button:focus, .i18nselectWrapper .roleMenu.open>.dropdown-toggle.btn-default{padding:0px 10px!important;}
.roleMenu select{background:none !important}
.bootstrap-select.btn-group.roleMenu .dropdown-toggle .caret{display:inline-block!important;position:absolute!important;right:2px;top:50%!important}
.i18nselectWrapper .bootstrap-select.btn-group.roleMenu .dropdown-toggle .caret{top:40%!important}
.i18nselectWrapper span.filter-option{font-size: 12px}
.i18nSelectbox .dropdown-menu{font-size: 11px}
@media only screen and (max-width: 767px) {
.role.i18nselectWrapper.pull-right { margin-right: 0px;}
.role.i18nselectWrapper.open.pull-right { margin-right: 0px!important;}
}
/*-----------Role css end-----------*/

/*-----------Price Plan View css start-----------*/
.columnViewContainer{width:100%;height:280px;color:#555}
.columnViewContainer>div{float:left;text-align:center}
.columnViewContainer>.columnView{width:calc(100% - 48px);height:100%;overflow:hidden}
.columnView>div{width:calc(25% - 30px);height:280px;float:left;position:relative;margin:0 15px;padding:0;color:var(--color3);border-radius:7px}
.columnView>.selected{background:-webkit-gradient(linear,from(#2a739b50),to(#173c5e50));background:-webkit-linear-gradient(#2a739b50,#173c5e50);background:-moz-linear-gradient(#2a739b50,#173c5e50);background:-o-linear-gradient(#2a739b50,#173c5e50);background:linear-gradient(#2a739b50,#173c5e50)}
.columnView>div>div:not(.pricePlanSelected):not(.active-plan){width:100%;height:100%;float:left;padding:0;padding-bottom:15px;border:1px solid var(--color3);border-radius:7px;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transition:.7s ease;-ms-transition:.7s ease;-o-transition:.7s ease;transition:.7s ease}
.columnView>div>div:not(.pricePlanSelected):hover:not(.active-plan):hover{box-shadow:0 0 10px rgba(0,0,0,.7)}
.columnView>div>div>div:not(.pricePlanAmount):not(.active-plan){margin:16px 0 4px 0}
.columnView>div>div>div:not(.pricePlanAmount):not(.active-plan),.columnView>div>div>h3{text-shadow:.5px .5px 1px #fff}
.columnView>div>div>div:not(.pricePlanAmount):not(.active-plan) span{overflow:hidden;text-overflow:ellipsis}
.pricePlanSelected{width:47px;height:47px;position:absolute;z-index:10;top:1px;left:1px;display:none}
.active-plan{width:47px;height:47px;position:absolute;z-index:10;top:1px;right:1px}
.cartAdded .pricePlanSelected{display:block}
.columnView>div>div>h3.planName{font-size:18px;text-transform:uppercase;padding:18px 0;background-color:var(--color3);color:#fff;margin:0;text-shadow:.5px .5px 1px #333;border-radius:5px 5px 0 0}
.pricePlanAmount{width:calc(100% + 2px);background:-webkit-gradient(linear,from(#ececec),to(#bfbfbf));background:-webkit-linear-gradient(#ececec,#bfbfbf);background:-moz-linear-gradient(#ececec,#bfbfbf);background:-o-linear-gradient(#ececec,#bfbfbf);background:linear-gradient(#ececec,#bfbfbf);color:var(--color1);padding:10px 0;margin-left:-1px;box-shadow:0 1px 6px #333;text-shadow:1px 1px 0 #fff}
.pricePlanAmount:before{content:url("/images/global/price-amount-left.svg");width:27px;height:79px;top:-20.5px;left:-9px;position:absolute;z-index:10}
.pricePlanAmount:after{content:url("/images/global/price-amount-right.svg");width:27px;height:79px;top:-20.5px;right:-9px;position:absolute;z-index:10}
.pricePlanBTN{position:absolute;bottom:15px}
.pricePlanBTN>div{width:50%;height:32px;float:left;background:none;border:1px solid var(--color1);padding:0;margin:0;overflow:hidden}
.pricePlanBTN>div:hover{background:var(--color1)}
.pricePlanBTN>div>button{width:100%;color:#fff;background:var(--color3);border:none;padding:0;margin:0;line-height:32px;text-shadow:.5px .5px 1px #000;border-radius:0}
.pricePlanBTN>div:first-child{border-right:none;border-radius:7px 0 0 7px}
.pricePlanBTN>div:last-child{border-radius:0 7px 7px 0}
.columnViewContainer>.columnViewNav{width:24px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.columnViewContainer>.columnViewNav.disabled,.columnViewContainer>.columnViewNav.disabled:hover>i{color:#ccc;pointer-events:none}
.columnViewContainer>.columnViewNav>i{font-size:24px;-webkit-transform:scaleY(2);-ms-transform:scaleY(2);-o-transform:scaleY(2);transform:scaleY(2);-webkit-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;cursor:pointer}
.columnViewContainer>.columnViewNav:hover>i{color:var(--color4)}
.pricePlanTotal{padding:15px 0;border:1px solid #ccc;border-radius:3px}
.pricePlanTotal>div{padding:10px 15px}
.pricePlanTotal .control-label{max-width:49%;float:left}
.pricePlanTotal .form-control{max-width:49%;height:auto;float:left}
.pricePlanTotal .form-control.non-editable{float:right}
.total_amount{border-top:1px solid #ccc;padding-top:10px!important}
.total_amount .control-label{padding-top:5px}
.total_amount .form-control{font-size:18px;font-weight:700}
.promo-ok,.promo-x{color:#00aa00;position:absolute;top:18px;right:24px}
.promo-success{border:1px solid #00aa00!important}
.promo-failed{border:1px solid #f00!important}
.msgSpan{color:#00aa00;font-size:12px;display:none}
.promo-x,.msgSpan.failed{color:#f00}
.userCart:after{width:18px;height:18px;position:absolute;color:var(--color1);background:var(--color2);content:attr(data-notifications);border-radius:50%;top:7px;left:calc(100% - 34px);font-size:11px;text-align:center;line-height:18px}
.userCart:hover:after{background:var(--color3);color:#fff}
@media (max-width:1199px){
	.columnView>div{width:calc(33.3% - 30px)}
}
@media (max-width:959px){
	.columnView>div{width:calc(50% - 30px)}
	.pricePlanAmount:before{top:-20px}
	.pricePlanAmount:after{top:-20px}
}
@media (max-width:639px){
	.columnView>div{width:calc(100% - 30px)}
	#PPstep3>div{width:100%;height:auto;float:left}
	.pricePlanAmount:before{left:-10px}
	.pricePlanAmount:after{right:-8px}
}
@media (max-width:479px){
	.columnViewContainer{width:calc(100% + 40px);margin-left:-20px}
	.columnView>div{font-size:16px}
	.pricePlanAmount:before{left:-9px}
	.pricePlanAmount:after{right:-9px}
}
/*-----------Price Plan View css end-----------*/
.pad0,.no-pad{padding:0!important}
.padtop10{padding-top:10px!important}
.padbottom10{padding-bottom:10px!important}
.padlr15{padding-left: 15px!important; padding-right: 15px!important;}
.pad1{padding:1px!important}
#mawaniactioncomments{height:60px !important;border:1px solid #ccc}

/*  Dashboard styles*/
.activeMenu{background-color:var(--color2)}
.highcharts-credits{display:none}
.chartMenu{background:var(--color1)}
.chartMenu li{padding:10px;border-bottom:1px solid #fff;text-transform:capitalize}
.chartMenu li:hover{cursor:pointer;background-color:var(--color2);-webkit-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear}
.filterOptions{padding:10px;background:var(--color2);border-bottom:1px solid #fff}
.addfilterOptions{padding:5px;background:var(--color2);margin:7px;float:left;border:none}
.filterOptions label{width:40%;max-width:180px;height:34px;line-height:34px;float:left;padding:0 10px;color:#fff}
.filterOptions select,.filterOptions input{width:60%}
.filterOptions>.filterDiv{height:34px;margin-bottom:6px}
.filterOptions>.filterDiv:not(:last-child){border-right:1px solid #fff}
.filter-toggle-btn{width:100%;height:54px;display:block}
.hideShow{display:block!important;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;padding-left:0}
.tablePadding{float:left;width:94%;margin:1% 3%}
.turnOverAmountTable>table.dataTable thead td{padding:12px}
.dataDown,.dataUp,.dataWarning,td.dataApproved,td.dataPending,td.dataSubmitted,td.dataRejected,td.slabBase{padding-left:25px !important}
.dataDown>span:before,.dataUp>span:before,.dataWarning>span:before,.dataTree>span:before,.slabBase>span:before{position:absolute;width:0;height:0;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;margin-left:-18px}
.dataDown>span:before{content:"\e094";color:red}
.dataUp>span:before{content:"\e093";color:green}
.dataWarning>span:before{content:"\e101";color:red}
.dataTree>span{width:13px;display:inline-block}
.dataTree>span:before{content:"\e200";color:green;margin-left:0;margin-top:-16px}
.slabBase>span:before{content:"\e252";color:var(--color1)}
.slabBase.open>span:before{content:"\e253";color:var(--color1)}
.dataCO2>span{width:24px;height:24px;display:inline-block;background:url('/images/icons/co2.svg') no-repeat center;background-size:cover}
td.dataApproved:before,td.dataPending:before,td.dataSubmitted:before,td.dataRejected:before{content:"";width:16px;height:16px;position:absolute;margin-top:2px;margin-left:-20px;background-repeat:no-repeat;background-position:center}
.dataApproved:before{background-image:url(/images/icons/green.png)}
.dataPending:before{background-image:url(/images/icons/yellow.png)}
.dataSubmitted:before{background-image:url(/images/icons/blue.png)}
.dataRejected:before{background-image:url(/images/icons/red.png)}
.filterMultiSelect{width:calc(100% - 180px)!important}
tr.itemChild{display:none}
tr.itemChild.active{display:table-row}
table.dataTable.dtr-inline.collapsed>tbody>.itemHead>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>.parent.itemHead>td:first-child:before{content:''}
.collapsed .itemHead>td:first-child:before{padding:0!important}
table.dataTable.dtr-inline:not(.collapsed) .itemHead>td:first-child:before{margin-left:-24px !important;margin-right:10px}
.itemHead>td{padding:8px 10px!important}
.itemHead>td:first-child{padding-left:30px !important}
.itemHead>td:first-child:before{width:16px;height:16px;content:'+'!important;text-align:center;background-color:#fff;border:1px solid #ccc;top:10px !important;left:10px !important;vertical-align:middle;font-weight:bold;padding:1px 4px}
.parent.itemHead>td:first-child:before{content:'-'!important;margin-left:-4px !important;padding:0 4px}
table.dataTable.display tbody>.itemHead>td{border:1px solid #ccc}
td.sparkline{padding:0 10px!important;overflow:visible!important}
td.sparkline>div{width:100%!important}
#workflowStatusChart,#workflowStatusChart>div{max-height:400px!important}
@media (max-width:991px){
	.filterOptions>.filterDiv{border-width:0!important}
}

/* Chart style overwrite */
.highcharts-background{background:#000}
.highcharts-point{stroke-width:1px;stroke:#fff !important}
.highcharts-root text{stroke-width:0;font-weight:bold}
#turnOverAmount .highcharts-color-0{fill:rgb(242,17,17)}
#turnOverAmount .highcharts-color-1{fill:#1bd23f}
.highcharts-data-labels{opacity:1}
.highcharts-null-point{fill:#d6d6d6!important}
.PopupChart .highcharts-null-point{fill:#e8e8e8 !important}
/* Switch Slide */
.popupslider .control-label{width:100%;float:left;margin-bottom:10px}
.popupslider .switch{width:48px}
.popupslider .switch .slider{top:0;left:23px;background-color:var(--color3)}
.releaseSlider{float:left;width:100%;padding-top:20px}
.releaseSlider .control-label{width:100%;float:left}
.releaseSlider .switch{width:35%;padding-left:45px;margin-top:10px}
.releaseSlider .switch .slider{top:0;background-color:var(--color3)}
.pad1 .input-group-btn,.pad0 .input-group-btn{width:auto}
.pad1 .btn-default,.pad0 .btn-default{padding:9px 10px;border-radius:4px !important}
.switch{position:relative;display:block;vertical-align:top;float:left;width:40px;height:34px;padding:3px;margin:0;cursor:pointer;box-sizing:content-box}
.text-center .switch{margin-left:20px}
.switch-input{position:absolute;top:0;left:0;opacity:0;box-sizing:content-box}
.switch-label{position:relative;display:block;height:inherit;font-size:10px;text-transform:uppercase;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,0.12),inset 0 0 2px rgba(0,0,0,0.15);box-sizing:content-box}
.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:2.5;-webkit-transition:inherit;	-moz-transition:inherit;-o-transition:inherit;transition:inherit;box-sizing:content-box}
.switch-label:before{content:attr(data-off);right:11px;color:#aaaaaa;text-shadow:0 1px rgba(255,255,255,0.5)}
.switch-label:after{content:attr(data-on);left:11px;color:#FFFFFF;text-shadow:0 1px rgba(0,0,0,0.2);opacity:0}
.switch-input:checked ~ .switch-label{background:#E1B42B;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15),inset 0 0 3px rgba(0,0,0,0.2)}
.switch-input:checked ~ .switch-label:before{opacity:0}
.switch-input:checked ~ .switch-label:after{opacity:1}
.switch-handle{position:absolute;top:4px;left:4px;width:28px;height:28px;background:linear-gradient(to bottom,#FFFFFF 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFFFFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.switch-handle:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eeeeee,#FFFFFF);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,0.02)}
.switch-input:checked ~ .switch-handle{left:74px;box-shadow:-1px 1px 5px rgba(0,0,0,0.2)}

/* Transition */
.switch-label,.switch-handle{transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease}
.switch-slide{padding:0;margin:0;background:#FFF;border-radius:4px;background-image:none}
.switch-slide .switch-label{box-shadow:none;background:none;overflow:hidden}
.switch-slide .switch-label:after,.switch-slide .switch-label:before{width:100%;height:82%;top:5px;left:0;text-align:center;padding-top:10%;box-shadow:inset 0 1px 4px rgba(0,0,0,0.2),inset 0 0 3px rgba(0,0,0,0.1)}
.switch-slide .switch-label:after{color:#FFFFFF;background:var(--color3);left:-100px}
.switch-slide .switch-label:before{background:#eceeef}
.switch-slide .switch-handle{display:none}
.switch-slide .switch-input:checked ~ .switch-label{background:#FFF;border-color:#0088cc}
.switch-slide .switch-input:checked ~ .switch-label:before{left:100px}
.switch-slide .switch-input:checked ~ .switch-label:after{left:0}
.fullView{width:100%!important}
.fullView>div{max-width:250%!important;height:250px;margin:0 auto}
/*----------------New Landing page styles start----------------*/
.landing-page{color:#333}
#favAppsMobile{display: none;}
.landing-page h4{width:100%;float:left;padding-top: 8px;padding-left: 10px;color:var(--color3);text-transform:capitalize;padding:24px 24px 24px 24px;font-size: 20px;}
.landing-page h4.allApps{margin:10px 0 0}
.landing-page-content{border:none;box-shadow:0 0 10px rgba(0,0,0,.15)}
.landing-welcome>.user-name{width:100%;display:table;margin:15px 0 10px 0}
.landing-welcome>.user-name>div{display:table-cell}
.welcome-info{width:50% !important;display:table}
.welcome-info>span,.welcome-info>b{display:table-cell;margin:10px 0 0;padding:7px 5px 0 0;color: #333;font-size: 24px;line-height: 36px;}
.welcome-info>b{position:relative;z-index:10;top:-4px;font-size:14px}
.welcome-info>b>span{width:30px;height:30px;border-radius:50%;background:var(--color2);color:#fff;font-weight:normal;display:inline-block;text-align:center;line-height:30px}
.welcome-info>.welcome-text{width:80px;color:#2b2b2b;font-size:24px}
.welcome-info>.userName-text{font-size:24px}
.user-notification{font-weight:bold;font-size:14px;display:inline;color:#666;margin-left:-18px}
.dash-icon{height:160px;float:left;background:url("/images/global/dwh-screen.png") no-repeat top;background-size:cover;margin-bottom:20px;border:1px solid #ccc;box-shadow:0 0 15px inset rgba(0,0,0,0.25);cursor:pointer;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.dash-icon:hover{box-shadow:0 0 30px inset rgba(0,0,0,0.35);background-position:bottom}
.landing-page .minicharts{float:left;border:none;box-shadow:none;margin-bottom:15px}
.landing-page .minicharts>.headMenu{padding:0 0 10px 0}
.landing-apps{margin-top:1px;padding:0;background: #fff;border-radius: 4px;}
.landing-apps .apps-holder{width:100%;height:auto;float:left}
.apps-holder>.appList{float:left;background:#fff;margin-top:5px;padding:0;}
.apps-holder>.appList.small-view{width:100%;height:317px;border-radius: 4px;padding:0 10px;}
.apps-holder>.appList.big-view{width:100%;height:160px;position:relative;padding-top:30px;-webkit-transition:height 1s ease-in-out;-moz-transition:height 1s ease-in-out;-o-transition:height 1s ease-in-out;transition:height 1s ease-in-out}
.apps-holder>.appList.big-view.open{height:auto}
.apps-holder>.appList .appNav{width:100%;height:auto;margin:0;padding:8px 0 0;text-align:center}
.apps-holder>.appList .appNav>li{width:12px;height:12px;list-style:none;border:1px solid #b2b2b2;border-radius:50%;display:inline-block;margin:0 2px;cursor:pointer}
.apps-holder>.appList .appNav>.active{background:#b2b2b2}
.apps-holder>.appList>li{float:left;position:relative;text-align:center}
.apps-holder>.appList.small-view>li{width:25%;height:104px;padding:5px 10px}
.apps-holder>.appList.big-view>li{height:130px;padding:10px 18px}
.apps-holder>.appList>li>i{width:55px;height:55px;display:block;padding:4px;margin:0 auto;background:#fff;overflow:hidden;font-size:36px;line-height:44px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;cursor:pointer}
.apps-holder>.appList>li>.lightblue .st0,.apps-holder>.appList>li>.lightblue path{fill:var(--color4) !important}
.apps-holder>.appList>li>.red .st0,.apps-holder>.appList>li>.red path{fill:#ef5353 !important}
.apps-holder>.appList>li>.orange .st0,.apps-holder>.appList>li>.orange path{fill:var(--color2) !important}
.apps-holder>.appList>li>.green .st0,.apps-holder>.appList>li>.green path{fill:#7bc562 !important}
.apps-holder>.appList>li>a{width:100%;float:left;color:#212121;clear:both;font-size:12px;text-transform:capitalize;line-height:1.1}
.apps-holder>.appList.big-view>li>a{font-size:14px}
.apps-holder>.appList>li>.favIcon{position:absolute;left:calc(50% + 30px);top:6px;color:#f71010;cursor:pointer}
.apps-holder>.appList.small-view>li>.favIcon{display:none}
.apps-holder>button{width:30px;height:206px;float:left;border:none;background:transparent;margin-top:10px}
.apps-holder>button:hover{background:#efefef}
.apps-holder>button:disabled{opacity:.2}
.apps-holder>button>i{font-size:24px;transform:scaleY(3)}
#carouselDT.carousel,#carouselDT .carousel-inner{height:407px;position:relative;border-radius: 4px;}
#bannercarousel.carousel,#bannercarousel .carousel-inner{height:406px;background:#f5f5f5;position:relative;border-radius: 4px;}
.carousel-inner{width:100%;overflow:hidden}
.carousel-inner>.item{height:100%}
#carouselDT .carousel-inner>.item>a>img,#carouselDT .carousel-inner>.item>img{min-width:100%;min-height:100%;line-height:1;height: -webkit-fill-available;width: -webkit-fill-available;}
.carousel-caption{text-align:left}
.carousel-control{background:none!important}
.carousel-indicators{width:fit-content;right:10px;left:unset;}
.social-container{height:427px;overflow-y:auto;background:no-repeat top;background-size:contain;margin:15px 0}
.social-container.last-div{overflow:hidden !important}
.social-container>img{height:100%;min-width:100%}
.social-container>a{width:100%;display:block;background-color:#f5f5f5 !important}
.social-container>iframe{width:100%;height:100%}
.plan-popup-bg{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:10000}
.plan-popup-container{width:100%;max-width:360px;height:100px;background:#2e7fc3;position:absolute;z-index:10001;top:30px;left:30px;padding:15px;color:#ededed}
.plan-popup-container h4{margin-bottom:6px}
.plan-popup-container a{color:#fff;text-decoration:underline}
.plan-popup-container .plan-popup-close{position:absolute;right:10px;top:10px;color:#ccc;cursor:pointer;z-index:10}
.plan-popup-container .plan-popup-close:hover,.plan-popup-container .plan-popup-close:focus,.plan-popup-container a:hover,.plan-popup-container a:focus{color:var(--color2)}
.plan-popup-container .cart-icon{font-size:18px;text-align:center;margin-left:-1px}
.show-all{padding:8px 0}
.show-all>span{padding:8px 15px;text-shadow:1px 1px 0 #ddd;cursor:pointer;background:#f5f5f5;background:-moz-linear-gradient(top,#f5f5f5 0%,#999 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#999));background:-webkit-linear-gradient(top,#f5f5f5 0%,#999 100%);background:-o-linear-gradient(top,#f5f5f5 0%,#999 100%);background:-ms-linear-gradient(top,#f5f5f5 0%,#999 100%);background:linear-gradient(to bottom,#f5f5f5 0%,#999 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5',endColorstr='#999',GradientType=0)}
.add-fav-apps{float:right;position:relative;cursor:pointer}
.moduleListHolder{margin:0!important}
.moduleListHolder>.bootstrap-select.form-control{border:none!important;box-shadow:none;height:auto;}
.moduleListHolder>div>button, .moduleListHolder>div>button:hover, .moduleListHolder>div>button:focus, .moduleListHolder>div>button:active, .moduleListHolder>.open>.dropdown-toggle.btn-default{padding:0!important;background:none !important}
.moduleListHolder>div>.dropdown-menu.open{max-height:350px !important;left:auto;right:0}
.nofavapps{position:relative}
.nofavapps:after{position:absolute;content:"No Favourite Apps";top:50%;left:50%;white-space:nowrap;color:#bbb;transform:translate(-50%,-50%);font-size:24px;font-weight:bold;text-shadow:1px 1px 0 #fff}
.loading-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background:rgba(0,0,0,0.5);text-align:center}
.loading-wrapper>img{max-width:26%;max-height:26%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.enquiryHolder{width:100%;height:100px;float:left;margin-bottom:15px}
.enquiryHolder>.enquiryItem{width:50%;height:100%;float:left;vertical-align:middle;background:#eee;cursor:pointer}
.item1{border-right:2px solid #fff}
.item2{border-left:2px solid #fff}
.enquiryHolder>div>div{overflow:hidden;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.enquiryHolder>.enquiryItem>.item-main{width:100%;height:100%;float:left}
.enquiryHolder>.enquiryItem:hover>.item-main,.enquiryHolder>.enquiryItem:focus>.item-main{height:0;padding:0}
.item1>.item-main{background:url('/images/icons/container_icon.svg') no-repeat 15px 50%;background-size:auto 80%;padding:30px 15px 30px 110px}
.item2>.item-main{background:url('/images/icons/voyage-icon.svg') no-repeat 15px 50%;background-size:auto 80%;padding:30px 15px 30px 110px}
.enquiryHolder>.enquiryItem>.item-main>.item-heading{color:#0b85c8;line-height:1.3;font-weight:600}
.enquiryHolder>.enquiryItem>.item-hover{width:100%;height:0;float:left;padding:0}
.enquiryHolder>.enquiryItem:hover>.item-hover,.enquiryHolder>.enquiryItem:focus>.item-hover{height:100%;padding:20px 10px}
@media only screen and (max-width:1024px){
	.carousel{margin-bottom:15px}
	.enquiryHolder{height:200px}
	.enquiryHolder>.enquiryItem{width:100%;height:50%;border:none}
	.item1{border-bottom:2px solid #fff!important}
	.item2{border-top:2px solid #fff!important}
	.enquiryItem>.item-main{padding:39px 15px 39px 110px}
}
@media only screen and (max-width:1024px) and (min-width:992px){
	#carouselDT,#carouselDT .carousel-inner{height:462px}
}
@media only screen and (max-width:991px){
	.enquiryHolder{margin-top:30px}
	.apps-main>div{padding:}
}
@media only screen and (max-width:1023px) and (min-width:768px){
	.dash-icon{height:190px;margin-top:30px}
}
@media only screen and (max-width:991px) and (min-width:768px){
	.apps-main>div:first-child{padding-right:15px!important}
}
@media only screen and (max-width:767px){
	#carouselDT.carousel,#carouselDT .carousel-inner{height:350px}
	.welcome-info>.welcome-text,.welcome-info>.userName-text{font-size:18px}
	.welcome-info>b{float:left;padding:0;margin:0 0 10px 0}
	.welcome-info>b>span{font-size:12px}
	#favAppsMobile{display: block;}
	#favApps{display: none;}
	.welcome-info{width: 100% !important;}
}
@media only screen and (max-width:479px){
	.apps-holder>.appList>li>i{width: 34px;height: 37px;padding: 0;}
	.apps-holder>.appList>li>a{margin-top: 8px;}
	.apps-holder>.appList.small-view>li{height: 74px;padding:5px 5px;margin: 0 11px 20px 11px;}
	#favAppListDialog .apps-holder>.appList.small-view>li{margin-bottom: 10px;}
	.apps-holder>.appList>li>.favIcon{top:6px;left:calc(50% + 22px)!important}
	.user-notification{display:block;margin:0}
	.plan-popup-container{width:calc(100% - 60px);height:auto}
}
/*----------------New Landing page styles End------------------*/
/*----------------New Dashboard styles start-------------------*/
.dashboard{margin:0 15px;background:#fff;padding:15px}
.dashboard>div>div{float:left;padding:0 15px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.section-pages>ul{float:left;margin:54px 0 0 10px}
#viewpage>ul{margin:0 0 0 15px}
.section-pages>.dashboard{min-width:calc(100% - 20px);float:left;border:1px solid #ccc;margin-bottom:124px}
.smallCharts{width:100%;float:left;color:#000}
.smallCharts>.smallChartsControl{width:calc(100% - 90px);float:left;margin-right:15px}
.smallCharts>.filterControl{width:60px;float:left;margin-left:15px}
.smallCharts .smallItems{width:100%;display:table}
.smallCharts .smallItems>i,.smallCharts .smallItems>div{float:left}
.smallCharts .smallItems>i{width:48px;text-align:right;font-size:30px;line-height:90px}
.smallCharts .smallItems .growthPercent{position:relative;float:right;margin:0 48px 0 0;font-size:12px;font-weight:bold;color:#fff;white-space:nowrap}
.smallCharts .smallItems .growthPercent.growthUp{color:#00a651}
.smallCharts .smallItems .growthPercent.growthDown{color:#f00}
.smallCharts .smallItems .growthPercent:before{position:absolute;top:0;left:-12px;font-family:"Font Awesome 5 Free"}
.smallCharts .smallItems .growthPercent:after{position:absolute;top:0;right:-48px;content:"% MOM"}
.smallCharts .smallItems .growthPercent.growthUp:before{content:"\f0d8"}
.smallCharts .smallItems .growthPercent.growthDown:before{content:"\f0d7"}
.smallCharts .smallItems .registeredToDate{float:right;margin:0;font-size:12px;font-weight:bold;color:var(--color3)}
.filterControl>span{width:60px;min-width:60px;height:90px;line-height:90px;display:block;color:#2b2b2b;font-size:36px;text-align:center;border:1px solid #dedede;border-radius:3px;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.15)}
.filterControl>span>i{line-height:90px}
.filtersOptions.active{width:300px !important;padding:10px}
.filtersOptions:not(.active){width:0px;height:0;padding:0;margin:0;overflow:hidden}
.filtersOptions h4{color:#666;padding:0 15px 15px 15px;font-size:16px;font-weight:bold}
.filtersOptions h4 i{float:right;cursor:pointer}
.chartsOptions{width:calc(100% - 300px)!important}
.chartsOptions.active{width:100%!important}
#smallItemForm>div{padding-right:0}
#smallItemForm>div>div{width:100%;height:90px;float:left;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.25);display:block;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
#smallItemForm>div>div:hover,#smallItemForm>div>div:focus,.filterControl:hover>span,.filterControl:focus>span{box-shadow:0 0 15px rgba(42,115,155,.6)}
#smallItemForm>div>div>.iconPlace{width:60px}
#smallItemForm>div>div>.iconPlace>span{width:60px;height:60px;border-radius:50%;display:block;text-align:center;line-height:60px;font-size:30px}
#smallItemForm>div>div>.iconPlace>span>i{line-height:60px}
.bluebg{color:var(--color4) !important;-webkit-text-fill-color:var(--color4) !important}
.graybg{color:#555 !important;-webkit-text-fill-color:#555 !important}
.greenbg{color:#00a651 !important;-webkit-text-fill-color:#00a651 !important}
.bluedbg{color:var(--color3) !important;-webkit-text-fill-color:var(--color3) !important}
.orangebg{color:var(--color2) !important;-webkit-text-fill-color:var(--color2) !important}
.transactions{transform:rotate(-45deg)}
.co2{background-image:url(/images/icons/co2.png);background-size:50%;background-repeat:no-repeat;background-position:center}
#smallItemForm>div>div>.dataPlace{width:calc(100% - 48px);height:75px;padding:15px}
.dataPlace input[type="text"],.smallMCRholder input[type="text"]{height:auto !important;text-align:center;border:none;box-shadow:none;padding:0;font-size:24px;line-height:1}
.dataPlace label,.smallMCRholder .form-group label{font-weight:normal;font-size:16px;color:#999}
.bigCharts{width:calc(100% + 14px);margin:0 -7px;float:left}
.charts,.hiddenCharts{margin:15px 0 0 0;padding:0 7px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.bigBox{width:100%;float:left;display:block !important}
.headMenu{padding:10px;color:#666;font-weight:bold;position:relative;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.headMenu>i{float:right;margin:.3em;cursor:pointer}
.headMenu>i:focus,.headMenu>i:hover{color:var(--color3)}
.headMenu>div{width:auto;float:right}
.chartsOptions:not(.active) .charts:not(.bigBox) .headMenu>div{width:auto;position:absolute;right:0;z-index:10}
.headMenu>div .switch:not(.switchLabel){width:24px;height:18px}
.headMenu>div .switchLabel,#filter_form .switchLabel{width:auto;height:18px}
.headMenu>div .switch>.slider{top:1px}
.minicharts{padding:0px;border:1px solid #dedede;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.15)}
.charts:not(.bigBox) .highcharts-button{display:none}
.smallBox:not(.bigBox) .chartArea{width:100%;height:250px;overflow:hidden;position:relative}
.smallBox.halfBox:not(.bigBox) .chartArea{width:100%;height:100px;overflow:hidden;position:relative}
.mediumBox:not(.bigBox) .chartArea{width:100%;height:565px;overflow:hidden;position:relative}
.hiddenCharts.smallBox>div{height:300px}
.charts.smallBox>div{padding-bottom:10px}
.charts.smallBox.halfBox:not(.bigBox)>div{height:142.5px}
.charts.mediumBox>div,.hiddenCharts.mediumBox>div{height:615px}
.charts.bigBox>div,.hiddenCharts.bigBox>div{width:100%;height:auto;float:left}
.charts.bigBox>#timeSlot{margin-bottom:80px}
.bigBox .chartArea{width:100%;float:left;padding:0 20px;margin-bottom:20px}
.bigBox .chartArea:not(#subscriptionConsumption,#mismatchChart,#containerEnquiryChart){height:calc(100vh - 180px);overflow:visible;position:relative}
.bigBox #subscriptionConsumption,.bigBox #mismatchChart{height:auto !important;overflow:visible;margin-bottom:60px}
.bigBox #mismatchChart{height:100% !important}
.smallBox .fa-filter,.mediumBox .fa-filter{display:none}
.bigBox .fa-filter{display:block}
.bigBox .fa-filter.active{color:var(--color3)}
.filtersOptions .slider{left:7px}
.filtersOptions .switch{padding:10px 3px}
.zoomList li{float:left;margin:4px 2px;padding:5px 2.8px;background:var(--color2);color:#ffffff;cursor:pointer;border-radius:2px;font-size:13px}
.zoomList .currentActive,.zoomList li:hover{background:#503f13}
.workflowDiv:not(.workflowTable)>div{height:250px;margin:0 auto}
.subscriptionCharts{width:100%;height:auto;display:table}
.charts:not(.bigBox) .subscriptionCharts{height:250px}
.subscriptionCharts .subscriptionChart{width:33.3%;display:table-cell;vertical-align:middle}
.subscriptionCharts>.subscriptionChart[data-selected='yes']{opacity:1}
.bigBox .subscriptionCharts>.subscriptionChart[data-selected='no']{opacity:.5}
.subscriptionChart .highcharts-axis-title{transform:translateY(10%)}
.charts:not(.bigBox) .subscriptionChart .highcharts-axis-title{font-size:1em}
.charts.bigBox .subscriptionCharts .highcharts-axis-title{font-size:1.5em}
.planDetails{padding:20px 0}
.recLegend{width:300px;height:36px;position:absolute;bottom:4px;left:50%;display:block;color:#000;background:#ffffff;text-align:center;font-size:12px;font-weight:bold;line-height:1.5;overflow:hidden;transform:translateX(-50%)}
.recLegend>i{position:absolute;left:3px;cursor:pointer;color:var(--color1)}
.recLegend>.fa-chevron-up{top:3px}
.recLegend>.fa-chevron-down{bottom:3px}
.recLegend>span{width:100%;max-width:300px;height:0;display:block;overflow:hidden}
.recLegend>span.active{height:36px}
.recLegend>span>span{width:33.3%;height:18px;display:inline-block;position:relative}
.infoArea{width:100%;max-width:300px;height:80px;position:absolute;left:50%;bottom:4px;color:#000;background:#ffffff;overflow:hidden;transform:translateX(-50%);text-align:center}
.infoDetailsHead,.infoDetails,.infoDetailsHead>div,.infoDetails>div{padding:0;font-size:12px;font-weight:bold;white-space:nowrap}
.infoDetails{height:28px;overflow:hidden}
.infoDetails>.infoWrapper{height:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;overflow:hidden}
.infoDetails>.infoWrapper.active{height:28px;border:1px solid #ccc}
.infoDetails>div>div{padding:6px}
.infoDetails>div>div:not(:last-child){border-right:1px solid #ccc}
.workflowItem .highcharts-title{font-size:12px!important}
.workflowItem.active .highcharts-title{fill:var(--color2)!important}
.workflowItem .highcharts-plot-band{fill-opacity:0!important}
.popup-label{width:35%!important;float:left}
.popup-control{width:65%!important;float:left}
.updatedOn{float:right;color:var(--color1);padding:10px;font-size:12px;font-weight:bold}
.bigBox #timeSlotChart{padding:0;margin-top:30px}
#mismatchTable td,#mismatchTable .child li{white-space:pre-wrap}
#timeUl,#timeSmallUl{width:calc(100% - 30px);margin:26px 15px;padding:0;display:table;border-left:1px solid #ccc;border-top:1px solid #ccc}
#timeUl>li{width:auto;display:table-cell;margin:0;padding:0;list-style:none;vertical-align:middle;position:relative}
#timeUl>#timeColumn{width:60px}
#timeUl>li>div{width:100%;height:74px;float:left;display:block;padding:6px;text-align:center;border-right:1px solid #ccc}
#timeUl>li:not(:first-child)>div>span{visibility:hidden}
#timeUl>li>.bigSlab{font-weight:bolder;border-bottom:1px solid #e9e9e9}
#timeUl>li>.smallSlab{font-size:14px;border-bottom:1px solid #ccc;color:#999}
#timeUl>li>ul{width:calc(100% - 12px);position:absolute;background:#d9f4fc;color:#000;padding:4px 0;margin:6px;border:1px solid var(--color4);border-radius:4px}
#timeUl>li>.disabled{background:#dedede;opacity:0}
#timeUl>li>.dateHeader{width:100%;height:26px;position:absolute;top:-26px;left:0;color:#fff;background:url('/images/global/blue_gradient.png') repeat-x;background-size:auto 100%;font-weight:bold;font-style:normal;padding:3px 6px;border-right:1px solid #fff}
#timeUl>li>.dateHeader .day{float:right}
.time-data>li{width:50%;float:left;padding:4px}
.time-data>li>span{width:100%;position:relative;display:block;font-weight:bold}
.time-data>li>span:after{width:24px;height:24px;position:absolute;top:-3px;right:2px;line-height:1.2;padding:4px;display:block;text-align:center}
.time-data>.timeHigh>span:after{content:"";background:#ff4d4d}
.time-data>.timeMedium>span:after{content:attr(data-value);background:#ffd96e}
.time-data>.timeLow>span:after{content:"";background:#3eb542}
.charts .timeRange,.charts .showFilterValues{width:calc(100% - 160px);position:absolute;top:12px;color:#666;text-align:center;margin-left:90px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.charts.bigBox .timeRange{width:calc(100% - 120px);top:36px;margin-left:60px;padding:0}
.timeRange>span{display:inline}
.charts .timeRange>i{width:20px;height:20px;text-align:center}
.charts .timeRange>i:hover{background:var(--color2);color:#fff}
.charts:not(.bigBox) .timeRange>i,.charts:not(.bigBox) .disabled,.charts:not(.bigBox) .showFilterValues,.tbl-col-1 .disabled{display:none}
#timeUl .disabled .time-data>li>span:after{content:"";background:#666}
#timeSmallUl{display:table;border:none;margin:0 15px 26px 15px;}
#timeSmallUl>li{display:table-cell;vertical-align:top}
#timeSmallUl>li>ul{width:100%;}
#timeSmallUl>li>ul>li{width:100%;float:left;list-style:none;padding:0;padding-bottom:1px;margin:0;border:1px solid #ccc;font-size:14px;color:#2b2b2b}
#timeSmallUl>li>ul>li:not(:last-child){border-bottom:none}
#timeSmallUl>li:not(:last-child)>ul>li{border-right:none}
#timeSmallUl>li>ul>li.disabled{background:#dedede}
#timeSmallUl>li>ul>li.disabled>ul{opacity:0}
#timeSmallUl>li>ul>li:first-child{width:100%;height:26px;float:left;color:#fff;background:url('/images/global/blue_gradient.png') repeat-x;background-size:auto 100%;font-weight:bold;font-style:normal;padding:3px 6px}
#timeSmallUl>li>ul>li:first-child>span{width:50%;float:left}
#timeSmallUl>li>ul>li:first-child>span.day{text-align:right}
#timeSmallUl>li>ul>li:not(:first-child){height:74px}
#timeSmallUl>li>ul>li:not(:first-child)>ul>li{height:calc(50% - 10px)}
#timeSmallUl>li:not(#timeColumn)>ul>li:not(:first-child)>span{width:100%;display:block;text-align:center;background:var(--color4);color:#000;padding:2px 0}
#timeSmallUl .time-data>li{padding:5px 2px}
.charts .inputholder{width:100%;max-width:350px;margin:0 auto}
.charts:not(.bigBox) .inputholder{width:100%;max-width:100%;padding:96px 48px}
.charts.halfBox:not(.bigBox) .inputholder{width:100%;max-width:100%;padding:20px 48px}
.charts .chartArea>.statusFlow{width:100%;float:left}
.charts .chartArea>.statusFlow #releaseType{padding-left:15px;font-weight:bold}
ol.progtrckr{width:100%;list-style-type:none;font-size:14px;margin:0;margin-top:150px;padding:0;float:left}
ol.progtrckr>li{float:left;position:relative;text-align:center;line-height:3em;border:0 solid;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;cursor:default}
ol.progtrckr>li:nth-child(2n+1){border-top-width:4px}
ol.progtrckr>li:nth-child(2n+2){transform:translateY(calc(-100% + 4px));border-bottom-width:4px;padding-bottom:20px}
ol.progtrckr>li>span{width:100%;font-size:12px;white-space:pre-wrap;line-height:1.5;display:block}
ol.progtrckr>li:not(:first-child):not(:last-child)>span{width:calc(100% + 60px);margin-left:-30px}
ol.progtrckr[data-progtrckr-steps="2"]>li{width:50%}
ol.progtrckr[data-progtrckr-steps="3"]>li{width:33.3%}
ol.progtrckr[data-progtrckr-steps="4"]>li{width:25%}
ol.progtrckr[data-progtrckr-steps="5"]>li{width:20%}
ol.progtrckr[data-progtrckr-steps="6"]>li{width:16.6%}
ol.progtrckr[data-progtrckr-steps="7"]>li{width:14.25%}
ol.progtrckr[data-progtrckr-steps="8"]>li{width:12.5%}
ol.progtrckr[data-progtrckr-steps="9"]>li{width:11.1%}
ol.progtrckr>li.progtrckr-done{color:black;border-color:yellowgreen}
ol.progtrckr>li.progtrckr-hold{color:red;border-color:red}
ol.progtrckr>li.progtrckr-todo{color:silver;border-color:silver}
ol.progtrckr>li:before{content:"";color:white;position:absolute;float:left;left:50%;height:1.2em;width:1.2em;line-height:1.2em;border:none;border-radius:1.2em}
ol.progtrckr>li:nth-child(2n+1):before{top:-12px}
ol.progtrckr>li:nth-child(2n+2):before{bottom:-12px}
ol.progtrckr>li.progtrckr-done:before{background-color:yellowgreen}
ol.progtrckr>li.progtrckr-hold:before{background-color:red}
ol.progtrckr>li.progtrckr-todo:before{background-color:silver}
.smallMCRholder{width:calc(100% - 15px);float:left;margin:0 7.5px}
.smallMCRholder>.smallMCRitems{width:calc(25% - 15px);float:left;margin:7.5px;padding:15px;border:1px solid #dedede;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.15);overflow:hidden}
.smallMCRholder>.smallMCRitems.smallView{width:calc(50% - 15px);padding:7px 15px}
.smallMCRholder>.smallMCRitems.green input{color:#00a651 !important;-webkit-text-fill-color:#00a651 !important}
.smallMCRholder>.smallMCRitems.orange input{color:var(--color2) !important;-webkit-text-fill-color:var(--color2) !important}
.smallMCRholder>.smallMCRitems.green.active:not(.smallView){outline-offset:-4px;outline:4px solid #00a651}
.smallMCRholder>.smallMCRitems.orange.active:not(.smallView){outline-offset:-4px;outline:4px solid var(--color2)}
.smallMCRholder>.smallMCRitems>div{margin:0}
.smallMCRitems .small_icon{width:42px;height:42px;float:left;display:block;padding:0;margin:4px 8px 0 0;border-radius:50%;color:#fff;background:var(--color3);font-size:12px;line-height:42px;text-align:center}
.smallMCRitems>div{width:calc(100% - 50px);float:left}
.charts:not(.bigBox) .chartArea>.optionDiv{display:none}
.chartArea>.optionDiv{width:100%;float:left;padding:10px;position:relative;z-index:10}
.chartArea>.optionDiv>span{width:24px;height:24px;float:right;border:1px solid #ccc;border-radius:3px;margin-right:4px;color:#333;text-align:center;padding-top:4px;cursor:pointer}
.chartArea>.optionDiv>span:hover{background:#f1f1f1}
.chartArea>.optionDiv>.highcharts-menu{position:absolute;top:34px;right:15px;border:1px solid #ccc;background:#fff;color:#333;display:none}
.chartArea>.optionDiv>.highcharts-menu.active{display:block}
.chartArea>.optionDiv>.highcharts-menu>li{width:174px;font:78%/1.5em 'Open Sans',sans-serif}
.chartArea>.optionDiv>.highcharts-menu>li:not(:last-child){border-bottom:1px solid #ccc}
.outstanding-chart-div{min-width:300px;min-height:300px;float:left}
.bigBox .chartArea.stock-chart{min-height:600px}
.stock-chart>.highcharts-container{padding-bottom:30px}
#CEchart>.cEnquiryDiv{width:100%;float:left;position:relative;border-top:1px solid #ccc;padding:15px 0}
#CEchart>.cEnquiryDiv:last-child(){border-bottom:1px solid #ccc}
.summaryDetails{padding:20px 15px;margin-top:-52px}
.white-box{padding:20px 10px}
.white-box h4{color:#274c6e;font-weight:bold;margin-bottom:10px}
.white-box>div>div{height:24px}
.white-box .control-label,.white-box label{width:auto}
.white-box input{width:70px !important;padding:0 2px !important;display:inline-block}
.subSummaryDetails{width:100%;float:left}
.sbpCharts,.sbpDetails{width:100%;height:400px;float:left}
.sbpDetails{height:auto;padding:10px 0}
.charts:not(.bigBox) .sbpCharts{height:250px}
.charts:not(.bigBox) .sbpDetails{display:none}
.sbpDetails>form>div,.sbpDetails>form>div>div{height:auto}
.sbpDetails>form>div:first-child{padding-left:0}
.sbpDetails>form>div:first-child>div,.sbpDetails>form>div:last-child{padding:10px;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:4px}
.sbpDetails .input-group-addon{background:transparent;border-color:#fff}
.sbpDetails .form-control{font-size:24px}
.sbpDetails .form-control.gray-item{height:auto;font-weight:600;font-size:14px!important;color:#ccc;-webkit-text-fill-color:#ccc}
.sbpDetails .form-control.percentage-item{height:auto;font-size:16px!important}
.sbpDetails .up,.sbpDetails .up>.form-control.percentage-item{color:green;-webkit-text-fill-color:green}
.sbpDetails .down,.sbpDetails .down>.form-control.percentage-item{color:red;-webkit-text-fill-color:red}
.sbpDetails .i_icon{padding:2px 4px}
.sbpDetails .form-group{margin-top:15px}
.sbpCharts .highcharts-legend rect{max-height:191px !important}
.bigBox .subscriptionSummaryTable{padding-left:5px;padding-right:5px}
td.td-no-pad{padding:0!important}
.charts:not(.bigBox) .CSCDiv{width:100%;height:100%;float:left}
.charts:not(.bigBox) .CSCDiv:not(.locDiv),.charts .CSCDiv.step1:not(.locDiv),.charts .CSCDiv.step2.ttDiv{display:none}
.charts .CSCDiv{width:100%;height:100%;float:left}
.charts .CSCDiv.step1{width:100%}
.charts .CSCDiv.step2{width:50%}
.charts .CSCDiv.step3{width:33.33%}
.charts .CSCDiv>div{width:100%;height:100%;max-height:calc(100vh - 200px);float:left}
@media only screen and (max-width:1280px){
	#smallItemForm>div>div{margin:0 0 15px 0}
	#smallItemForm .col-md-2{height:104px}
}
@media only screen and (max-width:1280px) and (min-width:961px){
	#timeSmallUl .tbl-col-3,#timeUl .tbl-col-5,#timeUl .tbl-col-6,#timeUl .tbl-col-7{display:none}
}
@media only screen and (max-width:1199px){
	.sbpDetails>form>div{width:100%;margin-bottom:15px}
	.sbpDetails>form>div:first-child{padding-right:0}
	.sbpDetails>form>div:not(:first-child){float:left}
}
@media only screen and (min-width:992px){
	.smallBox:not(.bigBox):not(.halfBox){height:300px}
	.chartsOptions:not(.active) #timeSlot,.chartsOptions:not(.active) #timeSmallUl>li>ul>li{font-size:12px}
	.chartsOptions:not(.active) #timeSlot .headMenu{font-size:16px}
	.chartsOptions:not(.active) .time-data>li>span:after{width:20px;height:20px;line-height:12px;right:0}
	.chartsOptions:not(.active) .charts:not(.bigBox) .time-data>li>span{line-height:17px}
	.chartsOptions:not(.active) .charts:not(.bigBox) .time-data>li>span:after{width:16px;height:16px;line-height:8px;right:0}
}
@media only screen and (max-width:960px){
	th.complexMain{display:none}
	.outstanding-table-div{clear:both}
}
@media only screen and (max-width:960px) and (min-width:641px){
	.chartsOptions:not(.active){border-left:none}
	.smallMCRholder>.smallMCRitems{width:calc(33.3% - 15px)}
	#timeUl .tbl-col-4,#timeUl .tbl-col-5,#timeUl .tbl-col-6,#timeUl .tbl-col-7{display:none}
}
@media only screen and (max-width:960px) and (min-width:768px){
	.chartsOptions:not(.active){border-left:none}
	.smallMCRholder>.smallMCRitems{width:calc(33.3% - 15px)}
}
@media only screen and (max-width:768px){
	.summaryDetails{margin-top:0}
	.chartsOptions,.chartsOptions.active{width:100%!important}
	.filtersOptions.active{width:100% !important;padding:10px}
	ol.progtrckr{margin-top:0}
	ol.progtrckr>li{width:100% !important;border-width:0 !important;border-left-width:4px !important;text-align:left;padding-left:30px}
	ol.progtrckr>li.progtrckr-done{float:left;border-width:0!important;border-left-width:4px!important}
	ol.progtrckr>li.progtrckr-todo{border-width:0!important;border-left-width:4px!important}
	ol.progtrckr>li:before{left:-0.7em;transform:translateY(24px)}
	ol.progtrckr>li:nth-child(2n+2){transform:translateY(0)}
	ol.progtrckr>li:nth-child(2n+2):before{bottom:auto}
	ol.progtrckr>li>span{padding-left:15px}
	ol.progtrckr>li:not(:first-child):not(:last-child)>span{margin:0}
	.updatedOn{position:absolute;bottom:10px;right:15px;float:none}
	.hdp{float:none}
	.charts .timeRange, .charts .showFilterValues{width:100% !important;margin:0 !important;position:relative;top:0 !important}
	.bigBox #timeSlotChart{margin-top:10px}
	.stock-chart>div>svg{height:calc(100% + 60px)}
	.stock-chart>div>svg .highcharts-background{padding-top:40px}
	.stock-chart .highcharts-button.highcharts-contextbutton{transform:translate(calc(100% - 30px), -24px)}
	.summaryDetails,.white-box{padding:20px 0}
	.charts .CSCDiv{height:auto}
	.charts .CSCDiv.step2,.charts .CSCDiv.step3{width:100%}
}
@media (max-width:768px){
	.apps-holder>.appList.small-view{height: 180px;}
}
@media only screen and (max-width:640px) and (min-width:481px){
	.mediumBox .chartArea{height:300px}
	.chartsOptions:not(.active){border-left:none}
	.smallMCRholder>.smallMCRitems{width:calc(50% - 15px)}
	#timeUl .tbl-col-3,#timeUl .tbl-col-4,#timeUl .tbl-col-5,#timeUl .tbl-col-6,#timeUl .tbl-col-7{display:none}
}
@media only screen and (max-width:480px){
	.mediumBox:not(.bigBox) .chartArea{height:250px}
	.smallCharts>div{width:100%;float:left}
	#smallItemForm>div{padding-right:0}
	#smallItemForm>div>div{width:100%;float:left}
	.mediumBox .chartArea{height:250px}
	.bigBox .chartArea{height:auto!important}
	.charts.bigBox #eServiceChart{min-height:700px}
	.chartsOptions:not(.active){border-left:none}
	.smallMCRholder>.smallMCRitems{width:calc(100% - 15px)}
	#timeSmallUl .tbl-col-3,#timeUl .tbl-col-3,#timeUl .tbl-col-4,#timeUl .tbl-col-5,#timeUl .tbl-col-6,#timeUl .tbl-col-7{display:none}
	.headMenu>div{margin:22px -20px 0 0;padding:0}
	.charts.bigBox .subscriptionChart{width:100%;display:block}
	.charts.bigBox .subSummaryDetails .col-md-12{padding-left:0;padding-right:0}
	.bigBox #subscriptionSummaryChart{padding:0 10px}
	.white-box>div>div{height:50px}
	.white-box .control-label,.white-box label{width:100%}
	.white-box input{width:100% !important;height:20px;padding:0 6px !important}
	#timeSmallUl .tbl-col-2,#timeSmallUl .tbl-col-3,#timeUl .tbl-col-2,#timeUl .tbl-col-3,#timeUl .tbl-col-4,#timeUl .tbl-col-5,#timeUl .tbl-col-6,#timeUl .tbl-col-7{display:none}
}
@media only screen and (max-height:640px){
	.charts .CSCDiv>div{max-height:auto}
}
@media (min-width:1116px){
	.with-image-dropdown .btn.dropdown-toggle{display: flex !important;}
   }
   .with-image-dropdown .btn.dropdown-toggle{padding-left: 10px !important;padding-right: 10px !important;padding-top: 5px !important;white-space: normal;align-items: center;}
   .locationPickerToolbar .dropdown-toggle .filter-option.pull-left{display: flex;align-items: center;}
   @media (max-width:767px){
   .locationPickerToolbar.open{float: right !important;margin-right: 10px !important;margin-top: 0px !important;}
   .locationPinStyles{width: 100vw;}
   }
   @media (min-width: 768px) and (max-width:1115px){
   .navbar-right .dropdown-menu.selectOptionsStyle {right: unset;left: 50%;}
   }
/*-----------------New Dashboard styles end-----------------*/