@font-face {

  font-family: 'HelveticaNeueLTStd-LtCn';

  src: url('../fonts/HelveticaNeueLTStd-LtCn.eot') format('embedded-opentype');

  src: url('../fonts/HelveticaNeueLTStd-LtCn.woff') format('embedded-opentype');

 
  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'HelveticaNeueLTStd-BdOu';

  src: url('HelveticaNeueLTStd-BdOu.eot') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}

  



  #sidebar-wrapper {

    margin-right: -250px;

    right: 0;

    width: 250px;

    background: rgb(0,0,0);

    position: fixed;

    height: 100%;

    overflow-y: auto;

    z-index: 1000;

    transition: all 0.5s ease-in 0s;

    -webkit-transition: all 0.5s ease-in 0s;

    -moz-transition: all 0.5s ease-in 0s;

    -ms-transition: all 0.5s ease-in 0s;

    -o-transition: all 0.5s ease-in 0s;

	top:0;

  }




  .sidebar-nav {

    position: absolute;

    top: 0;

    width: 250px;

    list-style: none;

    margin: 0;

    padding: 0;

	padding-top: 55px;

  }



  .sidebar-nav li {

    line-height: 65px;

    text-indent: 20px;

  }



  .sidebar-nav li a {

    color: #fff;

    display: block;

    text-decoration: none;

    font-size: 20px;

    font-family: 'Oswald', sans-serif;text-align: right;

	text-transform: capitalize;

  }

.sidebar-nav li a i{font-size: 40px;}

  .sidebar-nav li a:hover {

    color: #fff;

    background: rgba(255,255,255,0.2);

    text-decoration: none;

  }



  .sidebar-nav li a:active, .sidebar-nav li a:focus {

    text-decoration: none;

  }



  .sidebar-nav > .sidebar-brand {

    height: 55px;

    line-height: 55px;

    font-size: 18px;

  }



  .sidebar-nav > .sidebar-brand a {

    color: #999999;

  }



  .sidebar-nav > .sidebar-brand a:hover {

    color: #fff;

    background: none;

  }



  #menu-toggle {

    top: 0;

    right: 0;

    z-index: 1;

  }



  #sidebar-wrapper.active {

    right: 250px;

    width: 300px;

    transition: all 0.5s ease-out 0s;

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

	top:0;

  }



  .toggle {

    margin: 5px 5px 0 0;

  }

 

 .logo span{ font-family: 'HelveticaNeueLTStd-LtCn'; color:red; width:100px; height:100px;} 

 .sidebars i{font-size:60px;color:#fff; margin: 0 15px;}

  header{ background:#121313; padding:40px 0 0px 0; position:relative;}

 .sidebars{ float:right;}

 .sidebars span img{ /*border:2px solid #fff;*/ margin-bottom:20px;display: inline;

    margin-top: -10px;}

 .toggle i{ color:#ce0000;}

.tranning {

    background-size: cover; padding:20px 0;

}

.fa-align-left{color:#717272!important;}

.mod h1{ color:#000; font-size:38px; text-transform:uppercase;font-family: 'Oswald', sans-serif;}

.stv h2{ font-size:25px; text-transform:uppercase;font-family: 'Oswald', sans-serif; float:right;}

.status span {
    font-size: 21px;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
	margin-right: 23px;
}



.status2 span {

    font-size: 24px;

    color: #000;

    text-transform: capitalize;

    font-family: 'Oswald', sans-serif;

    display: inline-block;

	margin-right: 23px;

}
.titleFont {

    font-size: 16px;

    color: #000;

    font-family: 'Oswald', sans-serif;

}
.titleFontBlk1 {

    font-size: 15px;

    color: #000;

    font-family: 'Oswald', sans-serif;

}
.titleFontBlk2 {

    font-size: 18px;

    color: #000;

    font-family: 'Oswald', sans-serif;

}
.titleFontWht {

    font-size: 15px;

    color: #ffffff;

    font-family: 'Oswald', sans-serif;

}

.titleFontGrey {

    font-size: 13px;

    color: #8C8B8B;

    font-family: 'Oswald', sans-serif;

}


td i.fa-dot-circle-o {

    font-size: 32px;

    color: #000;

    margin-right: 10px;

}

td{font-family: Oswald;}

.workplace{    margin-top: 102px; padding-bottom:60px;}

.panel-title a{font-family: 'Oswald', sans-serif; color:#fff; font-size:30px; text-decoration:none;}

.panel-title a:hover{ text-decoration:none;}



.home-post{ font-size:20px;font-family: 'Oswald', sans-serif; color:#000;margin-top: 20px;}

.panel-body{ background:#d3d3d3;}

.home-post11 h2{font-size:22px;font-family: 'Oswald', sans-serif; color:#000; text-transform:capitalize;}

.begin h2{ color:#ce0000;}

.begin h2 a { color:#ce0000;}

.home-post11 i{ font-size:40px;}

.fa-check{    background: #59ff6a;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    line-height: 42px;

    padding: 0 0 0 6px;

    color: #fff; margin-right:10px;}

.fa-exclamation	

{    background: #ffd459;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    line-height: 42px;

    padding: 0 0 0 15px;

    color: #fff; margin-right:10px;}

.fa-dot-circle-o{font-size: 45px;





    color: #ccc; margin-right:10px;}	

.panel-group .panel+.panel {

    margin-top: 15px;

}

footer p{ font-size:24px; color:#000; font-family: 'Oswald', sans-serif;}

footer{ background:#d3d3d3; padding:30px 0}

footer img{ margin-top:8px;}

.panel-heading.actives{ background:#ce0000!important;}

.panel-default>.panel-heading{ background:#555555;}

.loginpage{/* background:url(../images/bigbg.jpg)no-repeat;*/ background:#373535;/* height: 1060px;background-position: center; position:relative;     background-size: cover;*/}

.redbg{ height:100%; width:30%; background:rgba(206,0,0,0.8); float:left;}

.slogo{/* position:absolute; top:10%; left:10%;*/margin:0 auto;text-align:center;padding-top:10%;}

.signup{ /*float:left; width:70%;*/ text-align:center;}

.signup form{ width:36%; text-align:center; display:inline-block; margin-top:0px;}

.signup form input{ width:100%; border-radius:20px; border:3px solid #000; font-size:20px; color:#000; font-family: 'Oswald', sans-serif; text-align:center; margin-bottom:25px; background:#ebebeb;}

.signbtn a{font-size:20px; color:#fff; text-transform:uppercase; font-family: 'Oswald', sans-serif; text-align:center; background:#ce0000;

border-radius:20px; border:3px solid #000;  display:inline-block; width:100%; text-decoration:none;}

.signup form p a{ font-size:15px; color:#000; text-transform:uppercase; font-family: 'Oswald', sans-serif; float:right; text-decoration:none; margin-top:20px;}


tr,.table_bg{

background-color: #ce0000;

}

tr,.table_bg1{

background-color: #555555;

}

tr,.table_bg2{

background-color: #d3d3d3;

}

tr,.table_bg3{

background-color: #bababa;

}

tr,.table_bg4{

background-color: #ffd459;

}
tr,.table_bg5{

background-color: #ffffff;

}

td a{

	color: black;

}
.heading_fontblk{

font-family: 'Oswald', sans-serif;

font-size: 28px;

color: black;

padding: 13px 14px;

}

.heading_font{

font-family: 'Oswald', sans-serif;

font-size: 22px;

color: white;

padding: 13px 14px;

}

.heading_font1{

color: white;

    font-family: 'Oswald', sans-serif;

    font-size: 18px;

    font-weight: 300;

	}

	.heading_font1 a{

color: white;

    font-family: 'Oswald', sans-serif;

    font-size: 18px;

    font-weight: 300;

	}

.font_style{

font-family: 'Oswald', sans-serif;

color: white;

font-size: 15px;

font-weight: 500;

}

#icon_color{

color:#FFFFFF !important;	

}	

.dsn{ float:right;}

.adm{ font-size:22px; color:#fff!important;}

.dropbtn {

    background-color:transparent!important;

    color: white;

    padding: 16px;

    font-size: 22px;

    border: none;

    cursor: pointer;

	text-transform: capitalize;font-family: 'Oswald', sans-serif!important;

}


.dropdown {

    position: relative;

    display: inline-block;

}


.dropdown-content {

    display: none;

    position: absolute;

    background-color: #666666;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

    top: 123px;

    left: -250px;

}

.dropdown-content a {

    color: #fff;

    padding: 9px 25px;

    text-decoration: none;

    display: block;

    font-family: Oswald;

    text-transform: capitalize;

    font-size: 18px;

}

.dropdown-content a:hover {background-color: #333;}


.dropdown:hover .dropdown-content {

    display: block;

}

.dropdown:hover .dropbtn {

    background-color: #3e8e41;

}

.dropdown-content a i{ margin-right:10px;}


	.modal.left .modal-dialog,

	.modal.right .modal-dialog {

		position: fixed;

		margin: auto;

		width: 320px;

		height: 100%;

		-webkit-transform: translate3d(0%, 0, 0);

		    -ms-transform: translate3d(0%, 0, 0);

		     -o-transform: translate3d(0%, 0, 0);

		        transform: translate3d(0%, 0, 0);

	}

	.modal.left .modal-content,

	.modal.right .modal-content {

		height: 100%;

		overflow-y: auto;

	}
	
	.modal.left .modal-body,

	.modal.right .modal-body {

		padding: 15px 15px 80px;
	}

/*Left*/

	.modal.left.fade .modal-dialog{

		left: -320px;

		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;

		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;

		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;

		        transition: opacity 0.3s linear, left 0.3s ease-out;

	}

	
	.modal.left.fade.in .modal-dialog{

		left: 0;

	}
        

/*Right*/

	.modal.right.fade .modal-dialog {

		right: -320px;

		-webkit-transition: opacity 0.3s linear, right 0.2s ease-out;

		   -moz-transition: opacity 0.3s linear, right 0.2s ease-out;

		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;

		        transition: opacity 0.3s linear, right 0.3s ease-out;

	}

	
	.modal.right.fade.in .modal-dialog {

		right: 0;

	}


/* ----- MODAL STYLE ----- */

	.modal-content {

		border-radius: 0;

		border: none;

	}


	.modal-header {

		border-bottom-color: #161717;

		background-color: #161717;

	}

.modal-content{ background:#161717}	

.mbody{ background:#161717}

.mbody h4{ font-size:30px ; text-transform: uppercase;font-family: 'Oswald', sans-serif!important; color:#fff;margin: 22px 0;}

.mbody p{ font-size:16px ; text-transform: capitalize;font-family: 'Oswald', sans-serif!important; color:#fff; font-weight:200;}

.mbody a{ text-decoration:none; /*font-size:14px;*/font-size:20px; color:#fff; padding:10px 0; display:block;text-transform: capitalize;font-family: 'Oswald', sans-serif;}

.per{ margin-top:40px;}

.close {

    float: right;

    font-size: 47px;

    font-weight: 700;

    line-height: 22px;

    color: #fff;

    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity=20);

    opacity: 1;

    z-index: 9;

    margin-top: 20px!important;

    /* height: 50px; */

    position: relative;

}

.mtag{color:#fff;font-family: 'Oswald', sans-serif!important;font-size: 41px;padding: 0 47px;}

#menu-close:hover{ text-decoration:none;}

.close:hover, .close:focus {

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    filter: alpha(opacity=50);

    opacity: 1;

}

.hd1{ background:#ce0000!important;}

.panel-heading {

    padding: 10px 15px 15px 15px;}

th input{background:#ccc;border-radius:30px;border:1px solid #ccc;width: 83%;padding: 0 20px;}

.start{ float:right;}

span a:focus{outline:none;}

.signup form input::-moz-placeholder { /* Firefox 19+ */

  color: #000 !important; 

}



th input::-moz-placeholder { /* Firefox 19+ */

  color: #000 !important; 

}

.compnies p{ display:inline-block; font-size:16px;font-family: 'Oswald', sans-serif; color:#000; padding:8px 20px 30px 20px;}

th .fa-search{ margin-right:15px;}

.linkss{ margin:35px 0;}

.sidebar-nav li a img{margin-left:30px;}

.sidebar-nav li a i{ width: 34px;}

/**/

#placeholder #module{

	width:50%;

	max-height:350px;

	overflow-y:scroll;

	border: 1px solid #e2e2e2;

    border-radius: 2px;

}

#placeholder #module label{width:100%;display:block;}


.notification {

    position: relative;

    margin: 0 0 15px 0;

    padding: 0;

    /* border: 1px solid; */

    background-position: 10px 11px !important;

    background-repeat: no-repeat !important;

    font-size: 13px;

    width: 99.8%;

}


.msg.success {

    background-color: #c1eec1;

    border: 1px solid #41a73a;

    color: #065500;

}

.msg.success p{margin:0;}

.notification div {

    display: block;

    font-style: normal;

    padding: 10px 10px 10px 36px;

    line-height: 1.5em;

}

.msg {

    margin-bottom: 5px;

    overflow: hidden;

}



.logo img{max-height:100px;}



/**/

@media(max-width:1300px){

.slogo img{ width:100%;}

#module label, #module #module_wrap_lable label{width: 90% !important;}

}



@media(max-width:980px){

.signup form{margin-top:400px}

.status span{ margin:10px 0;}

 .logo span img{ /*width:100%*/}

 .sidebars i{ font-size:25px;}

 .sidebars span img{ width:40px;}

}



@media(max-width:768px){

.signup form{margin-top:350px}

.signbtn a,.signup form input{ font-size:25px;}

footer p{ text-align:center; }

.dsn{float:none!important;}

.f_logo{ text-align:center; margin-bottom:15px;}

.status span{ font-size:24px;}

.workplace {

  /*  margin-top: 40px;*/

}

.panel-title a{ font-size:20px;}

 .logo span img{ /*width:100%;*/}

 .sidebars i{ margin:0 5px;}

} 





@media (max-width:480px)

{ 

.status span{ display: block; margin:10px 0;}

.panel-title a{ font-size:15px;}

 .logo span img{ width:auto;}

.rside{ width:100%;}

.flg .logo span img{ /*width:100%;*/} 

.sidebars {

    float: left;

}

.nlogo{ width:100%;}

.nlogo .logo span img{ width:40%;} 

}



.loginpage .button {

    background:rgba(206,0,0,0.8);

    display: inline-block;

    border-radius: 24px;

    color: #fff;

    text-align: center;

    margin: 0px 4px;

    padding: 10px 0;

    text-transform: none;

    font-size: 16px;

    font-family: 'robotoregular';

        width: 100%;

}

.loginpage .button:hover {

        background: #fff;

    color: #ff6f1a;

    text-decoration: none;

}



.loginpage input[type="checkbox"] {

    margin-right: 5px;

}


.img_profiles table tr:nth-child(odd){ background:#d3d3d3;}

.img_profiles table tr:nth-child(even){ background:#bababa;}

.img_profiles table tr td input,.img_profiles table tr td select{ border:1px solid #636363; width:500px;}

.img_profiles table tr td{ font-size:22px;  color:#000000;}

.img_profiles table tr td a{font-size:22px;  color:#fff; background:#ce0000; border-radius:30px; width:250px; padding: 2px 25px;

    display: inline-block;}

.img_profiles table tr td a.wth{width:190px;}	

.img_profiles table tr td span i{ float:right; line-height:inherit;}

.proimg{position: absolute;

    right: 40px;

    top: 11px;

    width:200%;}

.proimg img{ width:100%;}	

.pro_wrap{ position:relative;}

.img_profiles h2{ color:#000; font-weight:bold; font-size:50px;}


/*************** Forms ***************/



form label {

                display: block;

                padding: 0 0 10px;

                font-weight: bold;

                }

            

form fieldset legend {

                font-weight: bold;

                margin-bottom: 10px;

                padding-top: 10px;

                }
                
form p small {

                font-size: 0.75em;

                color: #777;

                }
			

form input.text-input,

form select,

form textarea,

form .wysiwyg {

                padding: 6px;

                font-size: 13px;

                background: #fff url('../images/bg-form-field.gif') top left repeat-x;

                border: 1px solid #d5d5d5;

				color: #333;

                }
            
form .small-input {

                width: 37% !important;

                }
                
form .medium-input {

                width: 50% !important;

                }
             
form .large-input {

                width: 97.5% !important;

				font-size: 16px !important;

				padding: 8px !important;

                }
                

form textarea {

                width: 97.5% !important;

                font-family: Arial, Helvetica, sans-serif;

                }
            
form select {

                padding: 4px;

                background: #fff;

                }

form input[type="checkbox"],

form input[type="radio"] {

				padding: 0;

                background: none;

				border: 0;

                }



