/* General Demo Style */
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Reset 
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    min-width: 1200px;
}
h4 {
    color: #495057 !important;
    font-weight: 400;
    font-size: 1.1rem;
    margin: 5px;
}
    h4 > div {
        font-size: 22px;
        opacity: 0.6;
        margin-bottom: 3px;
    }
    a {
        /*color: #f0f0f0;*/
        text-decoration: none;
        color: #5995ee;
    }

/*
a:hover {
	color: #000;
}
*/
.container > header {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #f2f3e9;/*#fafbfc;*/
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,.03), 0 0.9375rem 1.40625rem rgba(4,9,20,.03), 0 0.25rem 0.53125rem rgba(4,9,20,.05), 0 0.125rem 0.1875rem rgba(4,9,20,.03);
    position: relative;
    z-index: 10;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	/*display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;*/
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";	
}

.icon-arrow-left:before {
	content: "\f060";
}
.pull-left{float:left !important}
.pull-right{float:right !important}
.logo{margin:0; }
.logo img{
	height:100px !important;
}
.topmenu{margin:18px 0 0 0; padding:0 30px 0 0;}
.topmenu ul{margin:0; padding:0}
.topmenu ul li{margin:0; padding:0; list-style-type:none; display:inline-block; }
    .topmenu ul li a {
        padding: 5px 10px;
        color: #495057;
        font-size: 14px;
        font-weight: bold;
    }
.topmenu ul li a:hover{text-decoration:none; color:#129794}
.topmenu ul li a.feedback{background:url(../images/ico-feedback.png) no-repeat 0 6px}
.topmenu ul li a.profile{background:url(../images/ico-profile.png) no-repeat 0 3px; padding-left:25px; margin-right:30px}
.topmenu ul li a.logout{background:url(../images/ico-logout.png) no-repeat 0 3px;padding-left: 25px;}
.main{width:100%}
.welcome {
    width: 100%;
    font-size: 14px;
    color: #495057;
    margin-right: 50px;
    padding-top: 1px;
    display: flex;
}
    .welcome::after {
        font-family: "Font Awesome 6 Free";
        content: "\f0d7";
        font-weight: 700;
        color: #495057;
        float: right;
        margin: auto 5px;
    }

    .ml-25 {
        margin-left: 25px
    }


 /*------css tab--------*/
.btnDelete {
    letter-spacing: 1px;
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    font-size: 11px;
    font-style: normal;
    cursor: pointer;
    border: 1px #c50000 solid;
    color: #000;
    background-color: #c50000;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 4px;
    margin-bottom: 3px;
}
.btnDelete:disabled
{
	color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
ul.tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 32px;
        /*border-bottom: 1px solid #999999;*/
        width: 100%;
}
    ul.tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 1px 25px;
        height: auto;
        line-height: 31px;
        font-weight: bold;
        overflow: hidden;
        position: relative;
        background: none;
        color: #333;
        border: 0px solid #129794;
        border-bottom: none;
        height: auto;
        margin-right: 10px;
    }

        ul.tabs li:hover {
            background: #3F6AD8;
            color: #e8f5f5;
            border: 0px solid #3F6AD8;
            border-radius: 5px;
            padding: 1px 25px;
            height: auto;
            margin-right: 10px;
        }

        ul.tabs li.active {
            /* border-bottom: 1px solid #FFFFFF; */
            background: #3F6AD8;
            color: #e8f5f5;
            border: 0px solid #3F6AD8;
            border-radius: 5px;
            padding: 1px 25px;
            height: auto;
            margin-right: 10px;
            /* margin-bottom: 10px; */
        }
ul.tabsNormal {
    margin: 0;
    padding: 0 20px;
    float: left;
    list-style: none;
    /*height: 32px;*/
    border-bottom: 1px solid #999999;
}

    ul.tabsNormal li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 1px 25px;
        height: auto;
        line-height: 31px;
        font-weight: bold;
        overflow: hidden;
        position: relative;
        background: none;
        color: #333;
        border: 1px solid #129794;
        border-bottom: none;
        height: auto;
        margin-bottom: -1px;
    }

        ul.tabsNormal li:hover {
            background: #129794;
            color: #e8f5f5;
            border: 1px solid #129794;
            padding: 1px 25px;
            height: auto;
        }

        ul.tabsNormal li.active {
            /* border-bottom: 1px solid #FFFFFF; */
            background: #129794;
            color: #e8f5f5;
            border: 1px solid #129794;
            padding: 1px 25px;
            height: auto;
        }

.tab_container {
        border: 1px solid #999999;
        border-top: none;
        clear: both;
        float: left;
        width: 100%;
        background: #FFFFFF;
}
 
.tab_content {
        padding: 20px;
        font-size: 1.2em;
        display: none;
}
 .tabProfile {
	 background:#fbe3de;
	 color: #ff7260;
	 margin-left:50px !important;
	 border:1px solid #ff7260 !important;
 }
  .tabProfileActive {
	 background:#ff7260;
	 color:white;
	 margin-left:50px !important;
	 border:1px solid #ff7260 !important;
 }
   .tabProfile:hover {
	 background:#ff7260;
	 color:white;
	 margin-left:50px !important;
	 border:1px solid #ff7260 !important;
 }

.tabCons {
	 background:#fbe3de;
	 color:#ad1400;
	 border:1px solid #ad1400 !important;
 }
  .tabConsActive {
	 background:#ad1400;
	 color:white;
	 border:1px solid #ad1400 !important;
 }
  .tabCons:hover {
	 background:#ad1400;
	 color:white;
	 border:1px solid #ad1400 !important;
 }
 .tabTrans{
	 background:#e8f5f5;
	 color:#129794;
	 border:1px solid #129794 !important;
 }
.tabTrans:hover{
	 background:#129794;
	 color:#e8f5f5;
	 border:1px solid #129794 !important;
 }
 .tabTransActive{
	 background:#129794;
	 color:#e8f5f5;
	 border:1px solid #129794 !important;
 }
  .tabMeeting{
	 background:#eeeaf2;
	 color:#8a57b1;
	 border:1px solid #8a57b1 !important;
 }
   .tabMeeting:hover{
	 background:#8a57b1;
	 color:#eeeaf2;
	 border:1px solid #8a57b1 !important;
 }
    .tabMeetingActive{
	 background:#8a57b1;
	 color:#eeeaf2;
	 border:1px solid #8a57b1 !important;
 }
  .tabSection{
	 background:#dbeef3;
	 color:#4394b1;
	 border:1px solid #4394b1 !important;
 }
   .tabSection:hover{
	 background:#4394b1;
	 color:white;
	 border:1px solid #4394b1 !important;
 }
    .tabSectionActive{
	background: #4394b1;
    color: #ffffff;
    border: 1px solid #4394b1 !important;
 }
  .tabActivity{
	 background:#f2dae2;
	 color:#ff3399;
	 border:1px solid #ff3399  !important;
 }
   .tabActivity:hover{
	 background:#ff3399;
	 color:#f2dae2;
	 border:1px solid #ff3399  !important;
 }
    .tabActivityActive{
	 background:#ff3399;
	 color:#f2dae2;
	 border:1px solid #ff3399  !important;
 }
  .tabTroubleTicket{
	 background:#ebf1df;
	 color:#129730;
	 border:1px solid #129730 !important;
 }
   .tabTroubleTicket:hover{
	 background:#129730;
	 color:#ebf1df;
	 border:1px solid #129730 !important;
 }
    .tabTroubleTicketActive{
	 background:#129730;
	 color:#ebf1df;
	 border:1px solid #129730 !important;
 }
 /*------css tab--------*/
 
 /*------css category-------*/
 .category{}
 .category_title{
	 padding: 5px 15px;
    background: #fbf0e1;
    font-size: 20px;
    text-transform: uppercase;
    color: #ff7260;
    font-weight: 400;
 }
.category li {
    background: white;
    padding: 5px 10px;
    list-style-type: none;
    border-top: 1px solid #fbf0e1;
    border-left: 1px solid #fbf0e1;
    border-right: 1px solid #fbf0e1;
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    font-size: 13px;
    width: 200px;
}
 .category li:last-child{
	
    border-bottom: 1px solid #fbf0e1;

	 }
.category li:first-child{
	    background: #cbc766;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
	 border-top: 1px solid #cbc766;
    border-left: 1px solid #cbc766;
    border-right: 1px solid #cbc766;

	 }
.category li:first-child:hover{
	    background: #cbc766;
    color: white;


	 }
 .category li:hover{
	 background:#fbf8e1;
} 
  /*------css category-------*/
  
  /* begin calerdar*/
.wcl_cal {
    background: white;
    border: 1px solid #a4a4a4 !important;
    padding: 5px;
}

.wcl_cal_header {
	background:white;
}
.wcl_cal_header a{
	color:#508dab !important
}
.wcl_cal_header select{
	width: auto !important;
}
.wcl_cal_body {
	background:#e1e1e1 !important;
}
.wcl_cal_body_weekday td {
	    background-color: #129794;
    color: white !important;
    padding: 5px;
	
}

.wcl_cal_select {
    background: HotPink;
}
.wcl_cal_today {
        background: white;
    /* border-radius: 20px; */
    text-decoration: none !important;
    color: black !important;
}
.wcl_cal_today td{
    text-decoration:none !important;
	color:black !important;
}
.wcl_cal_today font{
	    text-decoration: none !important;
    color: black !important;
    padding: 1px 5px;
    border: 2px solid #c70f0f;
}

.wcl_cal_weeken {
        background: white;
		text-decoration:none !important;
}
.wcl_cal_weeken:hover{
    background: #d1d1e6 !important;
}
.wcl_cal_weeken_text:hover{
    
}
.wcl_cal_workingday_text{
	color:black !important;
}
.wcl_cal_workingday {
    background: white;
	padding: 2px;
    text-decoration: none !important;
}
.wcl_cal_workingday font{
    text-decoration:none !important;
	    color: black ;
}
.wcl_cal_workingday:hover {
    background: #d1d1e6;
}
.wcl_cal_footer{
	background:grey;
	padding:5px;
}
.wcl_cal_footer a{
	color:white !important;
	text-decoration:none !important;

	font-size:12px !important;
}
.wcl_cal_OtherDay{
	color:grey !important;
}

/* end calerdar*/

.bodyRight {
    background: #f1f4f6;
    padding-left: 8px;
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: -5px;
}
    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-size: 13px;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #deecda;
            color: #39593e;
            text-decoration: none;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.modal-dialog {
    box-shadow: 0 .76875rem 2.4875rem rgba(52,58,64,.3),0 1.3375rem 1.70625rem rgba(52,58,64,.3),0 .55rem .53125rem rgba(0,0,0,.05),0 .225rem .4375rem rgba(52,58,64,.3);
    border-radius: .25rem;
    position: relative;
    pointer-events: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}
.text-center {
    text-align: center !important;
}
.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    /*display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px*/
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }
.col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
}