/***** STYLE.CSS *****/
body, html {
	background: #F2F3F8;
	font-family: 'Nunito', sans-serif;
}

hr {
	margin: 5px 0 5px 0;
	padding: 0;
}

h4 {
    font-size: 20px;
}

h5 {
	font-size: 16px;
	font-weight: bold;
}

.only-mobile {
	display: none;
}

.only-mobile-inline {
		display: none;
	}

@media (max-width: 992px) {
	.no-mobile {
		display:none;
	}
	
	.only-mobile {
		display: block;
	}
    
	.only-mobile-inline {
		display: inline;
	}
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    
    
    
}

/*** THEME COLORS ***/
.text-regular {
    color: #666;
}

.text-orange {
	color: #FBAD4C;
}

.text-blue {
	color: #337ab7;
}

.text-green {
   color: #5cb85c; 
}

.text-red {
   color: #d9534f;
}

.bg-orange {
	/*background: #FBAD4C;*/
    background: #f0ad4e;
	color: #FFF;
}

.bg-green {
	/*background: #59D05D;*/
    background: #5cb85c;
	color: #FFF;
}

.bg-red {
	/*background: #FF646D;*/
    background: #d9534f;
	color: #FFF;
}

.bg-blue {
	/*background: #1D62F0;*/
    background: #337ab7;
	color: #FFF;
}

.btn-success {
	background: #5cb85c !important;
	border: 1px solid #5cb85c;
}

.btn-success:hover {
	background: #28A745 !important;
	border: 1px solid #28A745;
}

.btn-primary {
	background: #337ab7 !important;
	border: 1px solid #337ab7;
}

.btn-primary:hover {
	background: #007BFF !important;
	border: 1px solid #007BFF;
}

.btn-warning {
    background: #f0ad4e !important;
	border: 1px solid #f0ad4e;
}

.btn-danger {
    background: #d9534f !important;
	border: 1px solid #d9534f;
}




/*** CONTAINERS ***/

.header {
	height: 50px;
	color: #575962;
	background: #FFF;
}

.header .row {
	height: 50px;
	/*border-bottom: 1px solid #F2F3F8;*/
}

.logoTunnid {
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	outline: 1px solid #F2F3F8;
	cursor: pointer;
}

.header_clientLogo {
	
}

.header_clientLogo img {
	height: 100%;
	width: auto;
	border: none;
	text-align: center;
}

@media (max-width: 992px) {
	.logoTunnid {
		outline: none;
	}
}

.span_language {
    padding-left: 10px;
    cursor: pointer;
}

.span_language img {
    width: 22px;
    height: auto;
}

.modal_span_language {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    /*color: #666;*/
}

.modal_span_language img {
    margin-right: 5px;
    height: 24px;
    width: auto;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
}

@media (max-width: 992px) {
	.modal_span_language {
        margin-top: 10px;   
    }
}

/*** MAINMENU ***/

.mainmenu {
	/*position: fixed;*/
	min-height: 100vh;
	background: #FFF;
	
	overflow-x: hidden;
	overflow-y: auto !important;
}

.mainmenu_profile {
	margin-bottom: 15px;
	padding: 10px 0 10px 0;
	
	font-family: 'Nunito-SemiBold', sans-serif;
	font-size: 15px;
	
	color: #444;
	
	background: #FBFBFB;
	
	border-bottom: 1px solid #F2F3F8;
}

.mainmenu_profile img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	border: 1px solid #CCC;
}

.mainmenu_client {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 0 10px 0;
	
	font-family: 'Nunito-SemiBold', sans-serif;
	font-size: 15px;
	
	color: #444;
	
	background: #FBFBFB;
	
	border-top: 1px solid #F2F3F8;
	border-bottom: 1px solid #F2F3F8;
}

.mainmenu_client img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	border: 1px solid #CCC;
}

.mainmenu_item {
	min-height: 30px;
	line-height: 18px;
	font-size: 14px;
	color: #83848a;
	
	border-left: 3px solid #FFF;
}

.mainmenu_item i {
	margin-top: -4px;
}

.mainmenu a:link, .mainmenu a:visited, .mainmenu a:active, .mainmenu a:hover {
	text-decoration: none;
	color: #83848a;
}

.mainmenu_item:hover {
	background: #FBFBFB;
	border-left: 3px solid #59D05D;
	text-decoration: none;
	cursor: pointer;
}

.mainmenu_item:hover i {
	color: #59D05D;
}

.mainmenu_item_active {
	min-height: 30px;
	line-height: 18px;
	font-family: 'Nunito-SemiBold', sans-serif;
	font-size: 14px;
	color: #575962;
	
	border-left: 3px solid #1D62F0;
}

.mainmenu_item_active i {
	margin-top: -4px;
	color: #1D62F0;
}

.mainmenu_notification_container {
	text-align: center;
    font-size: 13px;
	/*padding: 0px;*/
}

.mainmenu_notification {
	padding: 2px 5px 1px 5px;
	border: 1px solid #CCC;
	/*font-size: 11px;*/
	text-align: center;
	border-radius: 10px;
}

.mainmenu_notification i {
	/*padding: 2px 4px 1px 4px;*/
}

/*** MAINMENU SIZE MD ***/
@media (max-width: 1200px) {
	
	.mainmenu_item {
		min-height: 40px;
		line-height: 20px;
		font-size: 15px;
		color: #83848a;
		
		border-left: 3px solid #FFF;
	}
	
	.mainmenu_item i {
		margin-top: -3px;
	}
	
	.mainmenu_item_active {
		min-height: 40px;
		line-height: 20px;
		font-size: 15px;
		color: #575962;
		
		border-left: 3px solid #1D62F0;
	}
	
	.mainmenu_item_active i {
		margin-top: -3px;
	}
	
	.mainmenu_notification {
		padding: 2px 8px 2px 8px;
		border: 1px solid #CCC;
		/*font-size: 11px;*/
		text-align: center;
		border-radius: 10px;
	}
	
}

/*** MIDDLE ***/
.middle {
	margin-top: 50px;
}

/*** CONTENT ***/
.content {
	padding: 10px;
}

.page-title {
	/*margin-bottom: 20px;*/
}

/*** CALENDAR ***/
.btn_prevMonth {
	float: left;
	padding-left: 5px;
	padding-top: 3px;
	cursor: pointer;
}

.btn_nextMonth {
	float: right;
	padding-right: 5px;
	padding-top: 3px;
	cursor: pointer;
}

/*** IMAGES ***/
.rotation_0 {
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.rotation_90 {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.rotation_180 {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.rotation_270 {
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

/**************/
.attached_images {
    cursor: pointer;
    color: #666;
    font-size: 13px;
}

.attached_images:hover {
    color: #222;
}

/*** MODALS ***/
.modal-open .ui-datepicker{z-index: 2000!important}

.box_editInsert {
	padding-bottom: 5px;
}

.insertEditPrepend {
	width: 90px !important;
}

.insertEditPrepend i {
	padding-right: 5px !important;
	font-size: 13px;
}