/*=======================
	
	Customize Styles

=======================*/


@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900&display=swap');

@font-face {
  font-family:'gesstwolight';
  src:url('../fonts/ge_ss_two_light.eot');
  src:url('../fonts/ge_ss_two_light.eot?#iefix') format('embedded-opentype')
  ,url('../fonts/ge_ss_two_light.woff') format('woff')
  ,url('../fonts/ge_ss_two_light.otf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'gesstwomedium';
  src:url('../fonts/ge_ss_two_medium.eot');
  src:url('../fonts/ge_ss_two_medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ge_ss_two_medium.woff') format('woff'),
  url('../fonts/ge_ss_two_medium.otf') format('truetype');
  font-weight:600;
  font-style:normal;
}
@font-face {
  font-family:'gesstwobold';
  src:url('../fonts/ge_ss_two_bold.eot');
  src:url('../fonts/ge_ss_two_bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ge_ss_two_bold.woff') format('woff'),
  url('../fonts/ge_ss_two_bold.otf') format('truetype');
  font-weight:bold;
  font-style:bold;
}

body {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;

}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;
}
/*.btn-primary{
    direction: rtl;
}*/
.skin-blue .content-header {
    border-bottom: 1px solid #c2cad6;
    padding-bottom: 5px;
    padding-top: 5px;
}

.main-header .logo{ font-family: inherit; }

.login-logo, .register-logo{
    font-size: 20px;
    font-weight: 500;
}
.login-page{
    /*background: #11a4b3;*/
}
.content-header>h1 {
    margin: 10px auto;
}

.table > tr > th, .table > tr > td {
	text-align: center;
}

.box-body{
	padding-top: 30px;
}

.table-bordered>thead>tr>th, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>tbody>tr>td, 
.table-bordered>tfoot>tr>td {
    text-align: center;
}

.table-bordered>tbody>tr>th{
	background-color: #3c8dbc;
	color: #FFF;
}

.form-horizontal .control-label {
	text-align: left;
}

.red_hint{
	color:red; 
	font-weight: normal ;
	font-size: 12px
}

.form1 input[type="file"] {
    display: inline-block;
    padding: 12px 15px;
    width: 100%;
    border: 0;
    border: 1px #DFDFDF solid;
    background: #fff;
}

.form1 .form-group{
	margin-bottom: 15px;
}

.gallery_tbl > tbody > tr > td{
	vertical-align: middle;;
}

.gallery_tbl > tbody > tr > td > .btn-success,
.gallery_tbl > tbody > tr > td > .btn-danger{
	margin-top: 5px;
}


.content-wrapper, .right-side {
    background-color: #d8e2ef;
}


/*Datatable */

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    background: #3C8DBC;
    color: #fff;
}

/*.sidebar-menu>li{
    direction: rtl;
}

.sidebar-menu li>a{
    font-family: 'pfdRegular','bein-normal';
    font-size: 14px;
    font-weight: 500
}*/
.user-panel>.info>p {
    margin-top: 13px;
}

table.direction .btn{
    margin: 0 5px;
}

.sidebar-menu .treeview-menu>li>a{
    font-size: 15px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{
    text-align: center;
}



.alert .icon{
    float: left;
    /*margin-left: 10px;
    margin-right: auto;*/
}

@media (min-width: 768px){
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), 
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu
    {
        width: 240px;
    }
}

input#others{display: none;}
  

.datepicker-dropdown{
  z-index: 99999 !important;
}




.mailbox-read-info h4{
    padding-bottom: 8px;
    font-size: 16px;
}

.mailbox-read-info h4 span{
    width: 170px;
    display: inline-block;
}
.mailbox-read-info h4 span i {
    min-width: 25px;
    text-align: center;
}


div.dt-buttons {
    position: relative;
    float: left;
    margin-bottom: 20px;
}
div.dataTables_length{
 position: relative;
float: left;
padding-left: 20px;
margin-bottom: 20px;
}
div.dataTables_filter{
   position: relative;
    float: right;
    margin-bottom: 20px;
}

 /*************************
  Basic margin padding
*************************/ 
.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
 
 .p-10{ padding: 10px !important }
 .p-20{ padding: 20px !important }
 .p-30{ padding: 30px !important }
 .p-40{ padding: 40px !important }
 .p-50{ padding: 50px !important }
 .p-60{ padding: 60px !important }
/*************************
     Margin top
*************************/ 
.mt-0 { margin-top: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important;}

 /*************************
    Margin right
*************************/ 
.mr-0 { margin-right: 0!important }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !important; } 

 /*************************
    Margin bottom
*************************/
.mb-0 { margin-bottom: 0!important }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }

/*************************
    Margin left
*************************/
.ml-0 { margin-left: 0!important }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !important; } 
 
 /*************************
    Padding top
*************************/
.pt-0 { padding-top: 0!important }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; } 

 /*************************
    Padding right
*************************/
.pr-0 { padding-right: 0!important }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !important; } 
 
 /*************************
    Padding bottom
*************************/
.pb-0 { padding-bottom: 0!important }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; } 
 
 /*************************
    Padding left
*************************/
.pl-0 { padding-left: 0!important }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }