/* IMPORTED STYLES START ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

@import url(reset.css);
@import url(fonts.css);
@import url(fonts/FontAwesome-4.7.0/css/font-awesome.css);
@import url(buttons.css);

/* IMPORTED STYLES END ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* COLOUR SCHEME END ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* TEXT COLOUR START -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

.int_text_white{color: #fff;}
.int_text_beige{color: #faf9f5;}
.int_text_lgray{color: #c9c9c9;}
.int_text_mgray{color: #adadad;}
.int_text_dgray{color: #555;}
.int_text_red{color: #af0c40;}
.int_text_green{color: #1b7f02;}

/* TEXT COLOUR END -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

/* BACKGROUND COLOUR START -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

.int_bg_white{background: #fff;}
.int_bg_beige{background: #faf9f5;}
.int_bg_lgray{background: #c9c9c9;}
.int_bg_mgray{background: #adadad;}
.int_bg_dgray{background: #555;}
.int_bg_red{background: #b7273b;}

/* BACKGROUND COLOUR END -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

/* COLOUR SCHEME END ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* HTML TAG STYLES START ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

@-moz-document url-prefix() {
    html, body {position: relative}
}

body{font:13px/1.5 'OpenSansRegular', arial, tahoma, sans-serif;position:relative;}

body, select, input, textarea {color: #222;}

/* HEADINGS -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */
h1, h2, h3, h4, .h_title, .app_d_title{font-family: 'Raleway';}
h1{font-size: 20px; text-transform: uppercase; letter-spacing: 4px; color: #fff;}
h2{margin-bottom: 10px; color: #fff; font-size: 15px; line-height: 20px; letter-spacing: 1.5px;}
h3{color: #324B60; font-size: 21px; letter-spacing: 0.13em; text-transform: uppercase;}
h4{color: #324B60; font-size: 17px; letter-spacing: 0.7px; padding: 10px 0;}
h5{font-size: 15px; font-weight: normal; padding: 10px 0; color: #324B60;}
h6{}
.h_title{color: #324B60; letter-spacing: 2px; text-transform: uppercase; border-bottom: 2px solid #ddd; font-size: 19px; padding-bottom: 5px;}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, i{margin-right: 7px;}
/* LINKS -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

a, a:link, a:visited, a:hover {text-decoration:none; cursor:pointer;}/*change #adadad */

a:hover{
    color: rgb(59 130 246);
    text-decoration: underline;
}

/* a:hover{color: #324B60;	text-decoration:none;}
a:hover i{color: #324B60;} */

.button_a, .button_a:link, .button_a:visited, .button_a:hover {color:#fff; text-decoration:none; cursor:pointer;}
.button_a:hover{color: #fff; text-decoration:none;}

.button_a{margin: 0; padding: 8px 43px 7px 24px; min-width: 150px; background: #324B60; color: #fff; border: 0; border-radius: 10px;
    letter-spacing: 0.05em; border-bottom: 2px solid #253746; text-transform: uppercase; font-family: 'OpenSansRegular'; font-weight: 700;
    font-size: 13px; cursor: pointer;}
.button_a:hover,
.button_a:focus{background: #253746; border-bottom: 2px solid #001c33;}

/* BUTTONS -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

button::-moz-focus-inner { border: 0;}
button:focus {outline: none;}
button{margin: 0; padding: 8px 7px 7px 16px; min-width: 150px; background-color: #324B60; color: #fff; border: 0; border-radius: 10px;
    border-bottom: 2px solid #253746; text-transform: uppercase;
    font-family: 'OpenSansRegular'; letter-spacing: 0.05em; font-size: 13px; cursor: pointer; height:min-content;}
button:hover,
button:focus{background: #253746; border-bottom: 2px solid #001c33;}
button:active{background: #324B60; border-bottom: 2px solid #253746;}
button i{margin-right: 5px;}

button:disabled{opacity: 0.39; cursor: default}

/* INPUTS -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

input[type='text']:not(.t), 
input[type='password'], 
input[type='username'],
input[type='search'],
input[type='email']:not(.t){width: 250px; margin: 0; padding: 10px; border: 1px solid #bbb; -webkit-appearance: none;
    box-shadow: none !important; outline: none; font-size: 13px; transition: 0.4s all}
/* input[type='number']{width: 100%; padding: 5px; background: #dadada; border: none; -webkit-appearance: none;
    box-shadow: none !important; outline: none; transition: 0.4s all} */
input[type='number']{width: 100%; padding: 10px; background: #fff; border: 1px solid #bbb; -webkit-appearance: none;
    box-shadow: none !important; outline: none; transition: 0.4s all}

input:focus{ border: 1px solid #324B60;}
input:disabled{color: #777; background-color: #ddd; border-color: #ccc}


label { font-size: 13px; cursor: pointer; }
input[type=checkbox] { opacity: 0 } /* to hide the checkbox itself */
input[type=checkbox] + label:before {font-family: FontAwesome; display: inline-block; font-size: 20px; color:#444; vertical-align: -3px;}
input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; color: #324B60 } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 7px; } /* allow space for check mark */

input[type=checkbox] + label { background-color: transparent; padding: 5px; border-radius: 5px }
input[type=checkbox]:focus + label{background-color: #eee; padding: 5px; border-radius: 5px }

input[type=checkbox][disabled] + label:before {color:#888; cursor: default}
input[type=checkbox][disabled]:checked + label:before {color: #888; cursor: default}
input[type=checkbox][disabled] + label {color: #767676; cursor: default} 


input[type=radio] { opacity: 0; width:1px;height:1px;margin:0 auto;position:absolute;} /* to hide the checkbox itself hide-none check for work */
input[type=radio] + label:before {font-family: FontAwesome; display: inline-block; font-size: 20px; color:#444; vertical-align: -2px}
input[type=radio] + label:before { content: "\f10c"; } /* unchecked icon */
input[type=radio] + label:before { letter-spacing: 8px; } /* space between checkbox and label */

input[type=radio]:checked + label:before { content: "\f192"; color: #324B60 } /* checked icon */
input[type=radio]:checked + label:before { letter-spacing: 8px; } /* allow space for check mark */

input[type=radio] + label { background-color: transparent; padding: 5px; border-radius: 5px }
input[type=radio]:focus + label{background-color: #eee; padding: 5px; border-radius: 5px }

input[type=radio][disabled] + label:before {color:#888; cursor: default}
input[type=radio][disabled]:checked + label:before {color: #888; cursor: default}
input[type=radio][disabled] + label {color: #767676; cursor: default} 



input[type="checkbox"] + .title_label:before{color: #fff}
input[type="checkbox"]:checked + .title_label:before{color: #fff}
input[type="checkbox"]:focus + .title_label{background-color: transparent;}


/* INPUTS -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

textarea{height: 150px; width: 50%; padding: 10px; border: 1px solid #b6b6b6; resize: none;}
textarea:focus{border: 1px solid #324B60;}


/* SELECTS -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}

select{display: inline-block; height: 38px; font-family: 'OpenSansRegular'; font-size: 13px; color: #222; min-width: 250px;
    max-width: 250px; margin: 0; padding: 0px; background-color: #fff; border: 1px solid #bbb; outline: none;}
select:focus{border: 1px solid #324B60;}

select:disabled{color: #777; background-color: #ddd; border-color: #ccc}


/* PLACEHOLDER TEXTS -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */

input:-moz-placeholder { color:#6e6e6e; }
textarea:-moz-placeholder { color:#6e6e6e; }

/* Lists -- -- -- -- -- -- -- -- -- -- -- -- -- --- --- -- -- -- -- -- -- -- -- -- -- */
ul li:before, ul li:after,
ol li:before, ol li:after{content: ""; display: table;}
ul li:after, ol li:after{clear: both;}
ul li, ol li{zoom: 1;}
/* Unordered - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ul{}
ul li{margin-bottom: 10px;}
ul li i{float: left; margin-top: 4px; margin-right: 15px;}
/* Ordered - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ol{}
ol li{}

/* Definition Lists - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

dl{}
dl dt{}
dl dd{}

/* Definition Lists - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

figure{margin: 0; padding: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}

/* Texts - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

p, span{line-height: 1.75em;}
p{margin-bottom: 5px;}
p, blockquote{}

/* HTML TAG STYLES END ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* BASE FIXES START ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #eb8a7b; color: #fff; text-shadow: none;}
::selection {background: #eb8a7b; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* BASE FIXES END ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */




.full_width{width: 100%; margin: 0; padding: 0;}/*give an element full width, as wide as the container*/
.box{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}/*include padding in elements width*/
.pos_el_center{margin: 0 auto;}/*horisontal central positioning of an element*/
.center_text{text-align: center;}
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- PADDING > -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* - - - - - - - - - - - - - - - - Padding - All - - - - - - - - - - - - - - - - */
.p5{padding: 5px} .p10{padding: 10px} .p15{padding: 15px} .p20{padding: 20px} .p25{padding: 25px} .p30{padding: 30px}

/* - - - - - - - - - - - - - - - - Padding - Vertical - - - - - - - - - - - - - - - - */
.pv5{padding-top:5px;padding-bottom:5px;} .pv10{padding-top:10px;padding-bottom:10px;} .pv15{padding-top:15px;padding-bottom:15px;}
.pv20{padding-top:20px;padding-bottom:20px;} .pv25{padding-top:25px;padding-bottom:25px;} .pv30{padding-top:30px;padding-bottom:30px;}

/* - - - - - - - - - - - - - - - - Padding - Horisontal - - - - - - - - - - - - - - - - */
.ph5{padding-right:5px;padding-left:5px;} .ph10{padding-right:10px;padding-left:10px;} .ph15{padding-right:15px;padding-left:15px;}
.ph20{padding-right:20px;padding-left:20px;} .ph25{padding-right:25px;padding-left:25px;} .ph30{padding-right:30px;padding-left:30px;}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- < PADDING -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* - - - - - - - - - - - - - - - - Floats - - - - - - - - - - - - - - - - */
.left{float: left;}
.right{float: right;}

/* - - - - - - - - - - - - - - - - Clear Floats - - - - - - - - - - - - - - - - */
.cf:before, .cf:after{content: ""; display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}
.badge-border{
    border: 2px solid black;
    border-radius: 25%;
}

/* ---- ---- ---- ---- ---- ---- ---- < GRID AND PPOSITIONING ---- ---- ---- ---- ---- ---- ---- */

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto
}