body{
    color: #61717c;
}
h1,h2,h3,h4,h5,h6{
    font-family: Montserrat, sans-serif; font-weight: 600;
}

table{
    border-collapse: collapse;
}


/*
.ml-auto{
    margin-left: auto;
}
.mr-auto{
    margin-right: auto;
}
*/




/*********************** tags input ***********************/
.bootstrap-tagsinput{
    padding:8px 8px 2px 8px;
}
.bootstrap-tagsinput .tag{
    padding:3px 8px; margin:0 8px 8px 0;
    font-size: 0.75rem; color: #000;    
    -webkit-box-shadow: 0 1px 3px 1px rgba(52,40,104,.3); box-shadow: 0 1px 3px 1px rgba(52,40,104,.3);
}
.bootstrap-tagsinput .tag:hover{
    background:#fafafa;
    -webkit-box-shadow: 0 1px 7px 1px rgba(52,40,104,.3); box-shadow: 0 1px 7px 1px rgba(52,40,104,.3);
}
.bootstrap-tagsinput .tag [data-role="remove"]{
    width: 15px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after{
    font-family: 'themify';
    content: "\e646";
    font-size: 0.7rem;
    text-align: center;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover{
    color: #ff155d;
}




.border-btm{
    border-bottom: .07rem solid #eee;
}


.text-link{
    color: #ff155d; text-decoration: underline;
}


.navbar-logo{
    width: 90px;
    text-align: center;
}
.navbar-brand{
    margin-right: 0;
}
.navbar-header .logo-big{
    width: 63px;
}
.navbar-header .logo-small{
    width: 63px;
}
.navbar-toggle-btn{
    width: 50px;
}


.badge{
    padding:.6rem;
    border-radius: 0;
    font-size: .9rem;
}
.badge-warning{
    background-color: #e27000; color: #fff;
}

.text-warning{
    color: #e27000 !important;
}


.form-control{
    border-color:#ccc;
}
.form-check-inline{
    margin-right: 2rem;
}
 .checkbox-nolabel{
    padding-left: 0; padding-top:2px;
    width: 20px;
 }




 .bootstrap-select-fullwidth .bootstrap-select{
    width: 100% !important;
 }


.btn{
    -webkit-box-shadow: 0 1px 7px 1px rgba(52,40,104,.3); box-shadow: 0 1px 7px 1px rgba(52,40,104,.3);
}
.btn-no-shadow{
    -webkit-box-shadow: none !important; box-shadow: none !important;
}

.bootstrap-select .btn{
    -webkit-box-shadow: none; box-shadow: none;
}
.btn-group .btn{
    -webkit-box-shadow: none; box-shadow: none;
}


.btn-group-toggle-tags .btn-toggle{
    padding:6px 10px;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
.btn-group-toggle-tags-big .btn-toggle{
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
.btn-group-toggle-separate .btn-toggle{
    margin: 0 4px 8px 0;
}

.btn-group-toggle-day .btn-toggle{
    color: #2c304d;
    background-color: #e4e8f0;
    border: 2px solid #e4e8f0;
}
.btn-toggle:hover,
.btn-toggle:focus,
.btn-toggle:active,
.btn-toggle.active{
    color: #fff;
    background-color: #e23f83;
    border-color: #e23f83;
    cursor: pointer;
}

.btn-outline-white{
    border-color: #fff; color: #fff;
}
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active{
    background: #fff; border-color: #fff; color: #000;
}
.btn-outline-secondary-2{
    border:1px solid;
    border-color: rgba(52,40,104,.7);
    color: rgba(52,40,104,.7);
}
.btn-outline-secondary-2:hover,
.btn-outline-secondary-2:focus,
.btn-outline-secondary-2:active{
    background: rgba(52,40,104,.8); border-color: rgba(52,40,104,.8); color: #fff;
}

.btn-icon-clear{
    display: inline-block;
    padding:5px;
    text-align: center;
    font-size: 1.6rem; line-height: 0;
}
.btn-icon-clear i{
    margin-right: 0; padding-right: 0;
}

.btn-fb{
    padding:0;
    border:none;
    background: #4867aa;
}
.btn-fb .btn-icon{
    padding:.75rem 1rem;
    background: #3a5da9;
    color: #fff; text-align: center;
    
}
.btn-fb .btn-text{
    padding:.75rem 1rem;
}
.btn-fb .btn-text img{
    display: block; height: 17px;
}
.btn-google{
    padding:0;
    border:none;
    background: #cf4332;
}
.btn-google .btn-icon{
    padding:0rem .7rem;
    background: #b72412;
    color: #fff; text-align: center; font-size: 1.5rem; line-height: 38px;
    
}
.btn-google .btn-text{
    padding:.5rem .5rem;
}
.btn-google .btn-text img{
    display: block; height: 20px; margin-top: 2px;
}

/*
.form-control{
    min-height: 38px;
}
select.form-control{
    height: 38px !important; line-height: 38px;
}
*/


.selectpicker-nolabel .dropdown .dropdown-header{
    display: none;
}


.input-group-custom .form-control{
    min-height: 38px;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
}
.input-group-custom .btn{
    box-shadow: none;
}
.input-group-search .form-control{
    border-left: none;
    width: 290px;
}
.input-group-search .btn{
    padding-left: 15px; padding-right: 5px;
    background: #fff;
    border-left: 1px solid #ccc; border-top:1px solid #ccc; border-bottom: 1px solid #ccc;
}
.input-group-search .btn i{
    font-size: 1rem;
}
.input-group-search .btn:hover{
    color: #ff155d;
}
.input-group-search .form-control:focus{
   border-color: #ccc;
}




.dropdown-menu{
    z-index: 1061;
}




.spinner-border{
    width: 5rem; height: 5rem;
    border: .25em solid #ff155d;
    border-right-color: transparent;
}




.breadcrumb-wrapper{
    padding-left: 15px;
}
.breadcrumb-wrapper-mobile{
    display: none;
    padding:15px;
}

.modal-content{
    border:1px solid #ccc;
    -webkit-box-shadow: 0 1px 7px 1px rgba(52,40,104,.3); box-shadow: 0 1px 7px 1px rgba(52,40,104,.3);
}
.modal-icon i{
    position: relative; z-index: 2;
    font-size: 3rem; line-height: 5.5rem;
}
.modal-icon-big{
    width: 130px; margin:0 auto; padding:15px; margin-bottom: 15px;
}
.modal-icon-big img{
    display: block; width: 100%;
}

.modal-list-item-wrapper{
    padding-top:8px; padding-bottom: 5px;
    border-bottom: 1px solid #e9e7ee;
}
.modal-list-item-sub{
    padding-left: 20px;
}



/*********************** tabs ****************************/
.nav-pills .nav-item .nav-link{
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}
.nav-pills .nav-item .nav-link.active{
    background-color: #5d5386;
}
.nav-tabs-pills .nav-item{
    margin-right: 15px;
}


.nav-tabs-vert { 
  border-bottom: 2px solid #eee; 
}

.nav-tabs-vert .nav-item {
  position: relative;
}


.nav-tabs-vert .nav-link {
  border: 0 none;
}

.nav-tabs-vert .nav-link.active, .nav-tabs-vert .nav-item.show .nav-link {
  color: #e76c90;
  background-color: #fff;
  border-bottom: 2px solid #5d5386 !important;
  margin-bottom: -1px;
}

.nav-tabs-vert > li.active > a, .nav-tabs-vert > li.active > a:focus, .nav-tabs-vert > li.active > a:hover { 
  border: 0 none; 
}

.nav-tabs-vert .nav-link i {
  color: #aea9c3;
}

.nav-tabs-vert > li > a { 
  border: none; 
}

.nav-tabs-vert > li.active > a, .nav-tabs-vert > li > a:hover { 
  border: none; 
  color: #5d5386 !important; 
  background: transparent; 
}

.nav-tabs-vert > li > a::after { 
  content: ""; 
  background: #5d5386; 
  height: 2px; 
  position: absolute; 
  width: 100%; 
  left: 0; 
  bottom: -1px; 
  transition: all 0.2s ease 0s; 
  transform: scale(0); 
}

.nav-tabs-vert > li.active > a::after, .nav-tabs-vert > li:hover > a::after { 
  transform: scale(1); 
}

.nav-tabs-vert .nav-link.disabled {
  color: #98a8b4;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}

.nav-tabs-vert .dropdown-toggle::after {
  border: 0 none;
}

.nav-tabs-vert .dropdown-item {
  color: #5d5386;
  padding: 0.65rem 1.5rem;
}

.nav-tabs-vert .dropdown-item.active, 
.nav-tabs-vert .dropdown-item:active {
  color: #fff !important;
  background-color: #5d5386;
}


.scrtabs-tab-scroll-arrow{
    width: 45px;
    border:1px solid #dddddd;
}
.scrtabs-tab-scroll-arrow-left:before{
    display: block;
    font-family: 'themify';
    content: "\e64a";
    text-align: center; color: #5d5386;
}
.scrtabs-tab-scroll-arrow-right:before{
    display: block;
    font-family: 'themify';
    content: "\e649";
    text-align: center; color: #5d5386;
}
.scrtabs-tab-scroll-arrow.scrtabs-disable{
    opacity: 0.5;
}


.date-grid-wrapper{
    width: 335px;
    padding:10px;
    border:.07rem solid #eee;
}
.date-grid-btn .btn-date-toggle{
    width: 35px; height: 35px;
    padding:0; margin:3px;
    background: none; border:none;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    text-align: center; line-height: 35px;
    box-shadow: none;
}
.date-grid-btn .btn-date-toggle:hover{
    background-color: #eee;
    color: #000;
    cursor: pointer;
}
.date-grid-btn .btn-date-toggle:focus,
.date-grid-btn .btn-date-toggle:active,
.date-grid-btn .btn-date-toggle.active{
    background-color: #e23f83;
    color: #fff;
}



.table td{
    padding: .5rem;
    color: #61717c;
}
.table-line tr{
    border-bottom: 1px solid #d7d7d7;
}
.table-line thead{
    background: none;
}
.table thead th{
    padding-left: .5rem; padding-bottom: .8rem;
    color: #1f1c2c;
}
.table thead.thead-light th,
.table thead.thead-light td{
    color: #1f1c2c;
}
.table-line thead.thead-light{
    background: #f6f6f6;
    color: #1f1c2c;
}
.table-line thead.thead-light tr{
    border:none;
}
.table-borderless tr,
.table-borderless td{
    border:none;
}
.data-text-header{
    color: #1f1c2c;
}

.table .td-actions a i{
    color: rgba(52,40,104,.6)
}
.table .td-actions a.disabled i{
    color: #dddddd;
}
.table .td-actions a.disabled i:hover{
    cursor: default; background: none;
    color: #dddddd;
}
.table .td-actions a.disabled{
    opacity: .3;
}


.list-bullet{
    margin-left: 30px;
}
.list-bullet,
.list-bullet li{
    list-style: disc;
}


.tooltip-inner{
    font-size: 0.9rem;
}




.widget-header{
    -webkit-display: flex; display: flex;
}



.login-other-header-line-wrapper{
    width: 100%; padding: 0 15px;
}
.login-other-header{
    width: 500px;
    text-align: center;
}

.login-other-header h3{
    text-align: center;
}

.elisyam-bg.background-login{
    background: url(../img/login-register/bg-login-register.jpg);
}
.elisyam-overlay.overlay-01 {
    background: linear-gradient(135deg,rgba(46,52,81,.9) 0%,rgba(52,40,104,.95) 100%);
}
.authentication-col-content h2{
    color: #fff;
}




.widget-add-wrapper{
    position: relative;
    padding:30px 15px;
    border:2px dashed #ccc;
}
.widget-add-btn{
    position: absolute; z-index: 1;
    top:0; bottom: 0; left: 0; right: 0;
    width: 100%; height: 100%;
    background: none;
    border:none;
}
.widget-add-wrapper:hover{
    border-style: solid; border-color: #fd584c;
    box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
    color: #fd584c;
}
.widget-add-wrapper:hover h2{
    color: #fd584c;
}




.widget-timezone-body-wrapper{
    padding:0;
}
.widget-timezone-wrapper{
    background: #3b5999 !important;
    color: #fff;
}
.widget-timezone-set-global-timezone{
    display: block;
    width: 100%; height: 100%;
    padding:35px 0;
    text-align: center;;
    border:none;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    background: #3b5999;
}
.widget-timezone-set-global-timezone h2{
    color: #fff;
}
.widget-timezone-set-global-timezone:hover{
    background: #fd584c;
}
.widget-timezone-current-wrapper{
    border-top:1px solid #7b8db3;
}
.widget-timezone-current-time-container{
    padding:15px 0;
}
.widget-timezone-current-time-icon i{
    padding:0 15px;
    font-size: 8rem;
}
.widget-timezone-current-time-content{
    font-size: 1.1rem;
}
.widget-timezone-current-time-content h4{
    color: #fff;
}
.widget-timezone-current-date-wrapper{
    padding:15px;
}
.widget-timezone-current-date-day{
}
.widget-timezone-current-date-no{
    font-size: 3.5rem; line-height: 4.5rem;
}
.widget-timezone-current-date-month-year{
    padding: 0 15px;
}


.widget-info-wrapper{
    position: relative;
    text-align: center;
    overflow: hidden;
}
.widget-info-wrapper:before{
    position: absolute; z-index: 0; bottom:-58px; left: -15px;
    color: #fff;
    opacity: 0.15;
}
.widget-info-wrapper h3{
    color: #fff;
}
.widget-info-no{
   font-family: Montserrat, sans-serif;
    font-weight: 600;font-size: 4rem;
}
.widget-info-icon{
    display: inline-block; vertical-align: top;
    font-size: 5.5rem; line-height: 5.5rem;
    margin-bottom: 15px;
}

.widget-tickets-wrapper{
    background: #cf4545 !important;
    color: #fff;
}
.widget-tickets-wrapper:before{
    font-family: LineAwesome; content: "\f24b"; font-size: 12rem;color: #fff;
}
.widget-tasks-wrapper{
    background: #de8c5e !important;
    color: #fff;
}
.widget-tasks-wrapper:before{
    bottom:-35px; left: 0px;
    font-family: '3act-custom-icons'; content: "\e903"; font-size: 10rem;color: #fff;
}
.widget-schedules-wrapper{
    background: #3c79cf !important;
    color: #fff;
}
.widget-schedules-wrapper:before{
    bottom:-35px; left: 0px;
    font-family: '3act-custom-icons'; content: "\e902"; font-size: 10rem;color: #fff;
}





.add-site-wizard .step-wizard li{
    width: 50%;
}


.box-indicator-no{
    padding: 0.3rem 0.7rem;
    background: #ff155d;
    color: #fff; font-size: 1.7rem;
}


.section-wrapper{
    margin-bottom: 15px; padding-bottom: 15px;
    border-bottom:1px solid #e9e7ee;
}
.section-wrapper:last-child{
    border: none; margin-bottom: 0;
}




#modal-widget-timezone .modal-body{
    text-align: center;
}
#modal-widget-timezone .modal-footer{
    border:none; text-align: center;
}





/**************************** tasks *********************************/
.task-action-header-wrapper{
    padding:15px 15px 10px 15px;
    background: #f5f5f5; 
}
.task-action-tabs-list-wrapper{
    min-width: 260px; text-align: center;
}
.task-action-tabs-list-mobile{
    display: none;
}
.task-action-tabs-content-list-wrapper{
    width: 100%;
    padding:15px 20px;
}


.task-action-box{
    display: none;
}
.task-action-panel-wrapper{
    margin-bottom: 2rem;
    max-width: 700px;
}
.task-action-panel-wrapper a.text-link{
    font-size:1.2rem; color: #fffa7c;
}
.task-action-panel-title{
    position: relative;
    width: 160px;
    border:1px solid #ccc;
}
.task-action-panel-header{
    position: relative;
    /*min-height: 80px;*/
    background-color: #5bc0de;
    color: #fff;
}
.task-action-panel-info-text{
    position: absolute; z-index: 0;
    top:5px; left: 5px;
    font-size: 0.7rem; color: #fff;
}
.task-action-panel-success{
    position: relative;
    width: 50%;
    background-color: #5cb85c;
}
.btn-task-action-panel-success{
    position: relative;
    display: block;
    padding: 22px;
    white-space: normal;
    color: #fff !important; text-align: center;
}
.btn-task-action-panel-success h5{
    margin:0;
    color: #fff;
}
.task-action-panel-success:hover,
.task-action-panel-success:focus,
.task-action-panel-success:active{
    background-color: #1c971c;
    cursor: pointer;
}
.task-action-panel-failure{
    position: relative;
    width: 50%;
    background-color: #c9302c;
}
.btn-task-action-panel-failure{
    position: relative;
    display: block;
    padding: 22px;
    white-space: normal;
    color: #fff !important; text-align: center;
}
.btn-task-action-panel-failure h5{
    margin:0;
    color: #fff;
}
.task-action-panel-failure:hover,
.task-action-panel-failure:focus,
.task-action-panel-failure:active{
    background-color: #a11919;
    cursor: pointer;
}


.btn-task-action-panel-success:after,
.btn-task-action-panel-failure:after{
    border:none;
}
.task-action-btn-drop-content{
    
    width: 100%;
    padding:0;
    border:none;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
    -webkit-box-shadow: 0 1px 7px 1px rgba(52,40,104,.3); box-shadow: 0 1px 7px 1px rgba(52,40,104,.3);
}
.task-action-btn-success-drop-content{    
    background-color: #5cb85c;    
}
.task-action-btn-failure-drop-content{    
    background-color: #cf4545;    
}
.task-action-btn-drop-content .dropdown-item{
    padding:15px;
    color: #fff; text-align: center; white-space: normal;
}
.task-action-btn-drop-content .dropdown-item h5{
    margin: 0; color: #fff; line-height: 20px;
}
.task-action-btn-success-drop-content .dropdown-item:hover,
.task-action-btn-success-drop-content .dropdown-item:focus,
.task-action-btn-success-drop-content .dropdown-item:active{
    background: #48a348;
}
.task-action-btn-failure-drop-content .dropdown-item:hover,
.task-action-btn-failure-drop-content .dropdown-item:focus,
.task-action-btn-failure-drop-content .dropdown-item:active{
    background: #ad3333;
}

.task-action-btn-drop-content[x-placement^=bottom]{
    top:-2px !important;
}
/*
.task-action-btn-drop-content[x-placement^=top]{
    bottom:-2px !important;
}

*/



.bottom-panel-wrapper{
    background-color: #fff;
}





/********************** ITM ***************************/
.approval-status-indicator{
    display: inline-block;
    width: 14px; height: 14px; margin-right: 10px;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.approval-status-indicator.pending{
    background:#ff8400;
}
.approval-status-indicator.success{
    background:#5bb85d;
}

 
/****************************ITM Config*****************************/
.top{
	background: #fff;
    color: #aea9c3;
    border-radius: 0;
    box-shadow: 0 1px 15px 1px rgba(52,40,104,.08);
    width: 100%;
	padding:20px 0px
}
.top .logo-centered{
    width: 100px;
	margin: 0 auto;
}
.top .logo-centered img {
    width: 100px;
    margin-bottom: 20px;
}
.authentication-form-3 { 
	font-size: .9rem;
    width: 50%;
    display: block;
}


.top-main-wrapper{
    padding-top: 20px; padding-bottom: 20px;
}
.logo-top{
    width: 100px;
}
.logo-top img{
    display: inline-block; vertical-align: middle;
    width: 100%;
}
.top-data-wrapper{
    padding-left: 25px;
}
.top-data-name{
    padding-right: 15px;
}
.top-data-name h3{
    font-size: 2.5rem; line-height: 2.5rem;
}



/*************** collapsible ************************/
.collapse-main-wrapper{
    /*padding:8px 10px;*/ padding:0;
    border:1px solid #d4d4d4;
}
.collapse-header-wrapper{
    position: relative;
    padding:8px;
    background: #ebebeb;
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    /*cursor: pointer;*/
}
.collapse-header-text{
    display: block; padding-left: 40px;
    color: #333333;
}
.collapse-header-text h5{
    margin-top: 10px;
}
.collapse-header-text:hover, .collapse-header-text:focus, .collapse-header-text:active{
    color: #d9534f; text-decoration: none;
}

.collapse-header-content{
    position: relative;
    flex-grow: 1;
    padding-right: 150px;
}
.collapse-header-text.collapsed:before {
    display: block;
    position: absolute; z-index: 1; top:0; left:5px;
    font-family: themify;
    content: "\e61a";
    color: #000;
}
.collapse-header-text:before {
    display: block;
    position: absolute; z-index: 1; top:0; left:5px;
    font-family: themify;
    content: "\e622";
    color: #000;
}
.collapse-header-text.text-link{
    color: #ff155d;
}
.collapsible-header-itm-name{
    width: 60%;
}
.collapsible-header-itm-switch{
    position: absolute; z-index: 1;
    right: 10px; top:0;
    width: 90px;
}
.collapsible-header-itm-switch label{
    color: #000; font-size: .95rem;
}

.collapsible-detail-itm-config{
    padding:15px;
    border-top:1px solid #d4d4d4;
}

.collapse-header-wrapper.header-disabled *{
    color: #ccc;
}
.collapse-header-wrapper.header-disabled .collapsible-header-itm-switch label{
    color: #000;
}


.collapsible-detail-itm-config-item{
    margin-bottom: 15px;
    border-bottom:1px solid #ccc;
}
.collapsible-detail-itm-config-item:last-child{
    border:none;
}
.itm-config-detail-form-item-label{
    display: none;
}

.error-span{
    color:red;
    font-size: 12px;
}



/*************************** billing *************************/
.pricing-image i{
    font-size: 7.5rem;
}





/*
.form-control:disabled{ 
	width:50%; display:inline-block; margin-left:1rem
}
*/

.styled-checkbox .custom-checkbox {
	text-align:center;
}

.styled-checkbox .custom-checkbox label:before, .styled-checkbox .custom-checkbox label:after {
    margin-top: 20px;
	margin-bottom:0px;
	margin-left:45%;
	margin-right:0px
}
.styled-checkbox .custom-checkbox-2 label:before, .styled-checkbox .custom-checkbox-2 label:after {
	margin-left:60px;
}

.table-line tr.table-noline {
    border-bottom: none !important;
}
.table-itm tbody td .styled-checkbox { text-align:center !important; padding-left:0px !important; padding-right:20px }
.table-itm tbody td .styled-checkbox label:before{ left:auto !important}
.table-itm tbody td .styled-checkbox label:after{ text-align:center !important; left:auto !important; padding-left:5px}




.bootstrap-select-override .dropdown-menu.show{
    transform: none !important;
    top:33px !important;
}




/********************************************* responsive breakpoints *************************************************/
@media screen and (max-width: 1700px){
    .widget-timezone-current-time-icon i{
        font-size: 5rem;
    }
    .widget-timezone-current-time-content{
        font-size: 0.85rem;
    }
    .widget-timezone-current-time-content h4{
        font-size: 1rem;
    }
    .widget-timezone-current-date-wrapper{
        font-size: 0.85rem;
    }
    .widget-timezone-current-date-no{
        font-size: 2rem; line-height: 4rem;
    }
}

@media screen and (max-width: 1300px) {
    .widget-timezone-current-wrapper{
        flex-direction: column;
    }
}

@media screen and (max-width: 1199px){
    .widget-timezone-current-wrapper{
        flex-direction: row; justify-content: center;
    }
    .widget-timezone-current-time{
        padding-right: 15px; flex-grow: 0 !important;
    }
	.custom-checkbox {
		text-align:left; margin-bottom:3rem
		
	}
	.styled-checkbox .custom-checkbox label:before, .styled-checkbox .custom-checkbox label:after {
		margin-left:0;
	}
	.styled-checkbox .custom-checkbox .checkbox-lable-left{
	text-align:left;
	}

}

@media screen and (max-width: 992px) {
    .breadcrumb-wrapper{
        display: none;
    }
    .breadcrumb-wrapper-mobile{
        display: block;
    }
	.form-control:disabled{ 
	width:100%; display:block; margin-left:0 !important
	}
}

@media screen and (max-width: 800px){
    table.table-custom { 
          width: 100%; 
    }
    /* Force table to not be like tables anymore */
    table.table-custom, table.table-custom thead, table.table-custom tbody, table.table-custom th, table.table-custom td, table.table-custom tr { 
        display: block; width:100% !important;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    table.table-custom thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    table.table-custom tr { 
        padding-top: 10px;
        border-top: 2px solid #ccc; 
    }
    table.table-custom tr:first-child{
        border-top:none; padding-top: 0;
    }
    /*
    table.table-custom tr:nth-child(even){

        background: #f7f7f7;
    }
    */
	table.table-custom td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        text-align: left !important;
    }
    
    table.table-custom td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        /* Label the data */
        content: attr(data-column);
        color: #000; font-weight: 600;
    }

    /* Force table to not be like tables anymore */
    table.table-custom table{ 
        display: table;
    }
    table.table-custom table thead,
    table.table-custom table tbody{
        display: table-row-group;
    }
    table.table-custom table tr{
        display: table-row;
    }
    table.table-custom table th,
    table.table-custom table td{
        display: table-cell;
        width: auto !important;
        padding-left: .5rem;
        border:none;
    }
    table.table-custom table td:before { 
        display: none;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    table.table-custom table thead tr { 
        position: static;
        top: 0; left: 0;
    }
    

    #table-site-extension tr{
        border-top:none;
    }
    #table-site-extension td:last-child{
        border-bottom: none;
    }
    .table-data-inside-collapse table tr{
        display: block !important; width: 100% !important;
        padding-top: 0 !important; padding-bottom: 12px !important;
    }
    .table-data-inside-collapse table td{
        display: block !important; width: 100% !important;
        padding-top: 0 !important; padding-bottom: 0 !important;
    }
    .table-data-inside-collapse table td:nth-child(even){
        padding-bottom:12px !important;
    }
    .section-header-wrapper{
        -webkit-flex-direction: column; flex-direction: column;
    }
    .section-header-wrapper .header-search{
        display: block; width: 100%; margin-top:10px;
    }
	.table-itm tbody td .styled-checkbox { text-align:left !important;  }
	.table-line tr.table-noline td {
    		border-bottom: none !important;
	}
	.table-line tr.table-noline{ border-bottom: 1px solid #eee !important;}
}

@media screen and (max-width: 767px){
    .itm-config-detail-header-desktop{
        display: none;
    }
    .itm-config-detail-form-item-label{
        display: block;
    }
    .itm-config-detail-form-item-label label{
        margin-bottom: 3px !important;
    }
    .collapsible-detail-itm-config .form-group{
        margin-bottom: 10px !important;
    }
}


@media screen and (max-width: 640px) {
    .widget-timezone-current-wrapper{
        flex-direction: column;
    }
    .table-custom-2 tr{
        display: block; margin-bottom: 10px;
    }
    .table-custom-2 td{
        display: block; padding-bottom: 0;
    }
    .task-action-panel-wrapper{
        -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column;
    }
    .task-action-panel-title{
        width: 100%;
    }
    .task-action-wrapper{
        flex-direction: column; !important;
    }
    .task-action-header-wrapper,
    .task-action-tabs-list-desktop{
        display: none;
    }
    .task-action-tabs-list-mobile{
        display: block;
    }
    .logo-top{
        width: 80px;
    }
    .top-data-name h3{
        font-size: 1.8rem;
    }
}


@media screen and (max-width: 400px){
    .table.table-custom td{
        padding: 8px 10px;
    }
    .table.table-custom td:before{
        position: static;
        display:block; width: 100%; margin-bottom: 5px;
    }
    .collapsible-header-itm-content{
        -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    }
    .collapsible-header-itm-name{
        width: 100%;
    }
    .collapse-header-content{
        padding-right: 110px;
    }

}

/********************************************* //responsive breakpoints *************************************************/